【汇智学堂】ajax异步上传图片

ajax异步上传图片,话不多说,直接上代码

 multiple="multiple" 这个是为了能选多个文件,否则只能选一个文件。

这里由于本人太懒,没有做图片回显或预览,有需要的可以自己补充哈

  • 批量上传图片 :
  • js代码

    function upload(form){
    
        var otherimg = '';
    
        var bbb = form.files;
        for (var i=0;i/api/file/upload.do",
                type: "POST",
                data: formData,
                /**
                 *必须false才会自动加上正确的Content-Type
                 */
                async: false, //请求设为同步,不然不等上传完就走回调函数,提示上传失败了
                contentType: false,
                /**
                 * 必须false才会避开jQuery对 formdata 的默认处理
                 * XMLHttpRequest会对 formdata 进行正确的处理
                 */
                processData: false,
                dataType: 'json',
                success: function (data) {
                    otherimg += data.data+",";
                },
                error: function () {
                    alert("上传失败!");
                }
            });
    
        }
        console.log(otherimg);
        $(".other").val(otherimg);      //最后把拼接好的值赋值给表单隐藏域,以便提交到后台
    }

    此方法测试上传速度还不是很慢,几十张图也是分分钟搞定。要求不高,能用就行,哈哈

    你可能感兴趣的:(web)