2013-07-11 232 views
0

我想用jqgrid上傳文件,但是在我的代碼中出現了一些錯誤。 我正在使用onInitializeForm方法。 我正在使用Jquery Ajax File Uploader 任何人都可以幫助我嗎? 你可以看到截圖中的錯誤JqGrid:文件上傳不起作用

Screenshot 這是我的代碼。

jQuery("#formGrid").jqGrid(
       { 
        url:'application/ajax/common_form_detail.php?form_id='+form_id, 
        editurl:'application/ajax/common_form_edit.php?form_id='+form_id, 
        datatype: "json", 
        colNames:[<?php echo $strfield; ?>], 
        colModel:[<?php echo $strFieldModel; ?>], 
         rowNum:20, 
         rowList:[20,50,100], 
         pager: '#formControl', 
         sortname: 'id', 
         viewrecords: true, 
         sortorder: "asc", 
         autowidth: true, 
         height: 400, 
         width: 900 
       }); 
       jQuery("#formGrid").jqGrid('navGrid','#formControl', 
       { edit:true,add:true,del:true,search:false}, 
       {width:780,recreateForm:true}, 
       {width:780,recreateForm:true 
        ,onInitializeForm : function(formid){ 
        $(formid).attr('method','POST'); 
        $(formid).attr('action',''); 
        $(formid).attr('enctype','multipart/form-data'); 
       }, afterSubmit : function(response, postdata){ 
         $.ajaxFileUpload({ 
          url: 'application/ajax/common_file_upload.php', 
          secureuri:false, 
          fileElementId:'STUDENT_AVATAR', 
          dataType: 'json', 
          success: function (data, status) { 
           alert("Upload Complete."); 
          } 
         }); 
        } 
}); 

}); 

回答

1

可以看到,你有jQuery.handleError功能錯誤是從jQuery的1.5折舊。從下載頁面提供的jQuery Ajax File Uploader V2.1包含jQuery 1.2.1。

必須修復Ajax File Uploader的代碼才能解決問題。例如參見the answerthe answerthis one。您可以考慮使用另一個插件來上傳文件,如jQuery Form Plugin(和here),請參閱here

+0

是否有任何插件上傳多張圖片? –

+0

@ShamseerKSmr:很抱歉,我從來沒有在任何真實項目中使用過文件上傳插件。看看http://www.plupload.com/和https://github.com/moxiecode/plupload。它似乎是文件上傳的強大插件。一個應該也可以上傳多個文件。它可以以不同的方式使用。我希望它能幫助你。 – Oleg