zoukankan      html  css  js  c++  java
  • BatsingJSLib 2.3、Ajax上传多个文件

     1 //2.3Ajax上传单个或多个文件
     2 //<input type="file" multiple="multiple"/>
     3 //参数:文件的表单JDOM,要上传的地址URL,含参数的回调函数(参数传为ajax结果,如function(res){alert(res);})
     4 function ajaxFileUpload(inputFileJDOM, URL, callback) {
     5     var formdata = new FormData();
     6     var fileObj = $(inputFileJDOM)[0].files;
     7     //console.log( fileObj.length );      
     8     for (var i = 0; i < fileObj.length; i++) { //可同时上传多个文件                   
     9         formdata.append("file" + i, fileObj[i]);
    10         $.ajax({
    11             type: 'POST',
    12             url: URL,
    13             data: formdata,
    14             contentType: false,
    15             //必须false才会自动加上正确的Content-Type                               
    16                               
    17             //必须false才会避开jQuery对 formdata 的默认处理                   
    18             //XMLHttpRequest会对 formdata 进行正确的处理 
    19             processData: false,
    20             success: function(res) {
    21                 //console.log(res);
    22                 callback && callback(res);    //回调函数
    23             }
    24         }).then(function() {
    25             //alert('done');            
    26         },
    27         function() {
    28             //failCall               
    29         });
    30     }
    31 }

    展望:以后加入“上传进度”功能;

    鸣谢 http://www.open-open.com/lib/view/open1359361115273.html 提供参考!

  • 相关阅读:
    python 获取Excel 的内容
    python 获取文件Excel 的行数与列数
    python 读取Excel 取出表头(列名)
    DRF的视图组件
    Redis
    Git的故事
    DRF的JWT用户认证
    DRF的三大认证组件
    DRF的序列化组件
    DRF的请求响应组件
  • 原文地址:https://www.cnblogs.com/batsing/p/4445666.html
Copyright © 2011-2022 走看看