【问题标题】:JqGrid : File Upload not workingJqG​​rid:文件上传不起作用
【发布时间】:2013-07-11 12:56:10
【问题描述】:

我正在尝试使用 jqgrid 上传文件,但我的代码中有一些错误。 我正在使用 onInitializeForm 方法。 我正在使用Jquery Ajax File Uploader 任何人都可以帮助我吗? 您可以在屏幕截图中看到错误

这是我的代码。

    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.");
                          }
                       });
                   }
});

});

【问题讨论】:

    标签: jquery-ui jquery file-upload jqgrid


    【解决方案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

    【讨论】:

    • 有什么插件可以上传多张图片吗?
    • @ShamseerKSmr:抱歉,我从未在任何实际项目中使用过文件上传插件。查看plupload.comgithub.com/moxiecode/plupload。它似乎是一个强大的文件上传插件。一个人也应该能够上传多个文件。它可以以不同的方式使用。希望对你有帮助。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多