jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Blue Imp jQuery文件上传 – IE8 data.submit()未触发大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用Blue Imp jQuery File Uploader将文件上传到MVC控制器.这适用于所有浏览器,除了internet Explorer 8,其中data.submit()似乎没有被触发.我在“数据”中添加一个监视器,我可以看到该文件,但是表单根本没有提交.下面是我的插件代码的精简版:
$('#fileupload').fileupload({
    dataType: 'json',url: "Upload/Index",limitConcurrentUploads: 1,sequentialUploads: true,add: function (e,data) {
        var filename = data.files[0].name;
        data.context = $('<div class="progress-container"></div>').text(fileName).appendTo      ($('#filelistholder'));
        // Add a progress bar for the file
        $('<div class=\"margin-b-10 progress-halved\"><div class="bar"></div></div>').appendTo(data.context);
        // Add a new click event for the Upload All button and enable it
        $('#btnUploadAll').removeAttr('disabled').click(function () {
            // Submit the file and remove the click event
            data.submit();
            $('#btnUploadAll').off('click');
        });
        // Show how many files have been SELEcted
        $('#overallProgressText').text($('.progress-container').size() + ' file(s) SELEcted');
    },progressall: function (e,data) {
        // @R_696_9531@e the Overall progress bar
        var progress = parseInt(data.loaded / data.@R_445_10586@l * 100,10);
        $('#overallbar').css('width',progress + '%');
        // If all files have finished uploading disable the Upload All button
        if (progress == 100) {
            $('#btnUploadAll').attr('disabled','disabled');
        }
    },progress: function (e,data) {
        // @R_696_9531@e the file's progress bar
        var progress = parseInt(data.loaded / data.@R_445_10586@l * 100,10);
        data.context.find('.bar').css('width',progress + '%');
    },fail: function (e,data) {
        $('#alertDivText').text('An unexpected error has occurred');
        $('#AlertDiv').dialog({
            title: "Alert",buttons: {
                Close: function () {
                    $(this).dialog("close");
                }
            },modal: true,cloSEOnescape: true,});
    }
});

注意:我使用的是jquery.iframe-transport.js和jquery-1.11.1

任何帮助将不胜感激,谢谢.

解决方法

带有文件上传插件的表单必须使用enctype =“multipart / form-data”.

例:

<form action="/index" enctype="multipart/form-data" method="post">
    <input type="file" id="fileupload" name="fileupload" accept="image/*" multiple="multiple">
</form>

大佬总结

以上是大佬教程为你收集整理的Blue Imp jQuery文件上传 – IE8 data.submit()未触发全部内容,希望文章能够帮你解决Blue Imp jQuery文件上传 – IE8 data.submit()未触发所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。