使用jquery上传多个文件

一、上传多个文件

    1. html
<input type="file" multiple onchange="submit(this)">
    1. js文件
  function submit(_this){
    var formData = new FormData()
    var files = _this.files
    // 遍历提交文件
    for(var i=0; i < files.length; i++){
      formData.append('files', files[i])
    }
    // 提交后台存储目录, 若不需要可以删掉
    formData.append('path', 'url')
    $.ajax({
      url: 'submit-form-data-url',
      data: formData,
      contentType: false, //必须false才会自动加上正确的Content-Type
      processData: false,  //必须false才会避开jQuery对 formdata 的默认处理
      enctype: 'multipart/form-data',
      type: "POST",
      complete:function(res){
        $(_this).val('')
      },
      success: function (res, status){ //服务器成功响应处理函数
        alert('上传成功')
      },
      error: function(){

      }  
    })
  }
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容