formData + ajax 多文件上传（IE9没有file这个属性，不行）

最新推荐文章于 2024-08-12 09:54:37 发布

Joyce·marmot

最新推荐文章于 2024-08-12 09:54:37 发布

阅读量3.5k

点赞数

分类专栏： Java 前端文章标签： Java JavaScript

本文链接：https://blog.csdn.net/qq_25354711/article/details/80663202

版权

本文介绍了如何使用FormData对象结合Ajax进行多文件上传的实现方法，特别讨论了针对IE9浏览器的兼容性问题和解决方案。

摘要由CSDN通过智能技术生成

var that = this;
var file = document.getElementById("js-input-file");
if(file.files.length < 1) {
    ngc.info("请选择至少一个文件");
    return;
}
var formData = new FormData();
for(var i=0;i<file.files.length;i++) {
    formData.append(i, file.files[i]);
}
this.progressOn("上传中");
var url =ngc.getContext() + "/fileUpload.spj?method=picStoreUpload&resTypeId="+this.options.resTypeId+"&resId="+this.options.resId+"&len="+file.files.length;
$.ajax({
    url: url,
    type: 'POST',
    data: formData,
    cache: false,
    contentType: false,
    processData: false,
    success : function(data){
        that.progressOff();
        ngc.info("上传成功");
        that.queryImg();
    },
    error : function(){
        that.progressOff();
        ngc.info("上传失败");
    }
});