首页 > 代码库 > ajax异步上传文件之data参数----小哈学js

ajax异步上传文件之data参数----小哈学js

  1. 下载ajaxFileUpload.js(下载网址:http://fileuploadajax.codeplex.com/downloads/get/20976)
  2. 修改ajaxFileUpload.js内部程序
    技术分享
     1 一、大约在32行
     2     createUploadForm: function(id, fileElementId,data)
     3 二、大约在47行
     4     jQuery(form).appendTo(‘body‘);前添加一下代码
     5     if (data) {
     6          for (var i in data) {
     7              $(‘<input type="hidden" name="‘ + i + ‘" value="http://www.mamicode.com/‘ + data[i] + ‘" />‘).appendTo(form);
     8          }
     9      }
    10 三、大约在61行修改
    11     var form = jQuery.createUploadForm(id, s.fileElementId,s.data);
    View Code

     

  3. 第三步就开始调用了
    技术分享
     1 function FileUpload() {
     2         var jiangshi_name = $("#jiangshi_name").val();
     3         var jiangshi_rongyu = $("#jiangshi_rongyu").val();
     4         var jiangshi_xueli = $("#jiangshi_xueli").val();
     5         $.ajaxFileUpload({
     6             type: "POST",
     7             url: "/ben/main_guanli.php",
     8             data : {
     9                 etc :"TeacherUpd",
    10                 jiangshi_name :jiangshi_name,
    11                 jiangshi_rongyu :jiangshi_rongyu,
    12                 jiangshi_xueli :jiangshi_xueli
    13             },
    14             //要传到后台的参数,没有可以不写
    15             secureuri: false,//是否启用安全提交,默认为false
    16             fileElementId: ‘doc‘,//文件选择框的id属性
    17             dataType: ‘JSON‘,//服务器返回的格式
    18             async: false,
    19             success: function (data) {
    20                 alert(data);
    21             },
    22             error: function (data, status, e) {
    23                 alert("数据错误")
    24             },
    25         });
    26     }
    View Code

     

ajax异步上传文件之data参数----小哈学js