1. 程式人生 > >ajax異步上傳文件之data參數----小哈學js

ajax異步上傳文件之data參數----小哈學js

style var 屬性 ada 數據 value lap sed $.ajax

  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="‘ + 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