javascript - 使用$.ajax上传多张图片时,怎么分别给每张图片加一个标记发送到后台?
天蓬老师
天蓬老师 2017-04-11 11:17:07
0
1
630

有一个需求是同时上传的多张图片,后台接收后,把名字全部改成上传时间+上传的顺序(ABC....)
例如:
201701090903A.jpg
201701090903B.jpg
201701090903C.jpg
...

因为前台没办法使用上传组件,只能用$.ajax发送post请求了,但是多张图片异步发送,会请求后台多次,这样时间没办法保持一致,而且也没办法区分顺序,从而加后缀字母也没法实现。
尝试了好久没有找到好的解决方案,麻烦有经验的小伙伴帮帮忙解答一下

天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

Antworte allen(1)
黄舟
  $upload.on("click",
            function () {
                $.each(filesObj,
                    function(index, element) {
                        var file = filesObj[index];
                        console.log(file.name);
                        var data = new FormData();
                        data.append('file', file);
                        let time = new Date();
                        let year = time.getFullYear();
                        let month = time.getMonth()+1;
                        let day = time.getDate();
                         let date = year+month+day+index;
                         data.append('file',file);
                        data.append('flag', date);
                        console.log(data);
                        $.ajax({
                            url: '/User/UpdateImage',
                            type: 'POST',
                            dataType: 'text',
                            data: data,
                            cache: false,
                            processData: false,
                            contentType: false,
                            success:function() {
                                
                            }
                        });
                        
                    });
            });
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage