Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/406.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript ie9的jquery文件上载问题_Javascript_Jquery_Internet Explorer_Jquery Plugins_Internet Explorer 9 - Fatal编程技术网

Javascript ie9的jquery文件上载问题

Javascript ie9的jquery文件上载问题,javascript,jquery,internet-explorer,jquery-plugins,internet-explorer-9,Javascript,Jquery,Internet Explorer,Jquery Plugins,Internet Explorer 9,我在将插件jquery文件上传到ie9上时遇到问题-该脚本在firefox、chrome和edge上运行良好 我的问题是add函数被命中,但是function data.submit()没有将文件发布到服务器::没有向服务器发送数据包&ie的调试控制台中没有错误 这是我的html: <form id="upload" method="post" action="upload" encoding="multipart/form-data" enctype="multipart/for

我在将插件jquery文件上传到ie9上时遇到问题-该脚本在firefox、chrome和edge上运行良好

我的问题是add函数被命中,但是function data.submit()没有将文件发布到服务器::没有向服务器发送数据包&ie的调试控制台中没有错误

这是我的html:

<form id="upload" method="post" action="upload"
    encoding="multipart/form-data" enctype="multipart/form-data">
    <div id="drop">
        Drop Here <a>Browse</a> <input type="file" id="upl" name="upl"
            multiple="multiple" />
    </div>

    <ul>
        <!-- The file uploads will be shown here -->
    </ul>

</form>
<script src="/assets/pages/scripts/uploadplugin/js/jquery.knob.js"></script>
<!-- jQuery File Upload Dependencies -->
<script src="/assets/pages/scripts/uploadplugin/js/jquery.ui.widget.js"></script>
<script src="/assets/pages/scripts/uploadplugin/js/jquery.fileupload.js"></script>
<script src="/assets/pages/scripts/uploadplugin/js/jquery.iframe-transport.js"></script>
<!--[if lt IE 10]> <script src="/assets/pages/scripts/uploadplugin/js/jquery.xdr-transport.js"></script> <![endif]-->
<script src="/assets/pages/scripts/uploadplugin/js/script.js"></script>

在此处放置
    • 在vulputate velit ESE molestie CONSEQUATE的hendrerit中的两个自动驾驶舱,在欧洲,无论是在欧洲还是在欧洲,无论是在欧洲还是在欧洲,都有一个不存在任何设施的地方。这是一位杰出的领袖,他是一位伟大的领袖,他是一位伟大的领袖。拉奥里特·多洛雷·麦格纳。拉奥里特·多洛雷·麦格纳

      Lorem ipsum door sit amet,consetetur sadipscing eliter,sed diam nonumy eirmod temporal invidund ut labour and dolore magna aliquyam erat,sed diam voluptua。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦(Stet clita kasd gubergren),没有海洋保护区是属于同一领域的。他是一位杰出的律师,他是一位律师,他是一位律师和律师。在vero eos和accusam和justo

      如果您愿意,您可以在日常消费中使用我们的产品。在亨德雷特的两个房间里,一个房间里,一个房间里,一个房间里,一个房间里,一个房间里,一个房间里,一个房间里,一个房间里,一个房间里,一个房间里,一个房间里

      "),; tmp.附录(结果IV); 控制台日志(r); }, 失败:功能(e,数据){ //出了点问题! log(data.jqXHR.responseText); console.dir(数据); data.context.addClass('error'); }, processalways:函数(e,数据){ console.dir(数据); if(data.files.error)警报(data.files[0].error); } });
完成的功能、失败的功能、成功的功能和进程都不总是被命中。
提前感谢。

Dropzone仅支持IE10+:我没有使用dropzonejs插件;我使用的是插件jquery文件上传,我认为IE11中的IE9仿真模式不支持file元素中的multiple属性。为什么要测试/开发IE9?它不再受支持。我知道,但它仍然被我的客户使用DropZone仅支持IE10+:我没有使用dropzonejs插件;我使用的是插件jquery文件上传,我认为IE11中的IE9仿真模式不支持file元素中的multiple属性。为什么要测试/开发IE9?它不再受支持。我知道,但我的客户仍在使用它
// Initialize the jQuery File Upload plugin
$('#upload').fileupload({

    forceIframeTransport: !!ie,

    // This element will accept file drag/drop uploading
    dropZone: $('#drop'),
    autoUpload: true,
    // This function is called when a file is added to the queue;
    // either via the browse button, or via drag/drop:
    add: function (e, data) {

        var tpl = $('<li class="working"><input type="text" value="0" data-width="48" data-height="48"'+
        ' data-fgColor="#0788a5" data-readOnly="1" data-bgColor="#3e4043" /><p></p><span></span></li>');

        // Append the file name and file size
        tpl.find('p').text(data.files[0].name)
        .append('<i>' + formatFileSize(data.files[0].size) + '</i>');

        // Add the HTML to the UL element
        data.context = tpl.appendTo(ul);

        // Initialize the knob plugin
        tpl.find('input').knob();

        // Listen for clicks on the cancel icon
        tpl.find('span').click(function(){

            if(tpl.hasClass('working')){
                jqXHR.abort();
            }

            tpl.fadeOut(function(){
                tpl.remove();
            });

        });

        // Automatically upload the file once it is added to the queue
        var jqXHR = data.submit();
        console.dir(jqXHR);
        console.log(jqXHR.state());

    },

    progress: function(e, data){

        // Calculate the completion percentage of the upload
        var progress = parseInt(data.loaded / data.total * 100, 10);

        // Update the hidden input field and trigger a change
        // so that the jQuery knob plugin knows to update the dial
        data.context.find('input').val(progress).change();

        if(progress == 100){
            data.context.removeClass('working');
        }
    },
    done: function(e, data){
        var r = data.result;

        var tmp = $('<div class="row"><div class="col-md-12"><div class="portlet box red"><div class="portlet-title"><div class="caption"><i class="fa fa-gift"></i>Portlet </div><div class="tools"><a href="javascript:;" class="collapse"></a><a href="#portlet-config" data-toggle="modal" class="config"></a><a href="" class="fullscreen"></a><a href="javascript:;" class="reload"></a></div><ul class="nav nav-tabs"><li><a href="#portlet_tab_3" data-toggle="tab"> Tab 3 </a></li><li><a href="#portlet_tab_2" data-toggle="tab"> Tab 2 </a></li><li class="active"><a href="#portlet_tab_1" data-toggle="tab"> Tab 1 </a></li></ul></div><div class="portlet-body"><div class="tab-content"><div class="tab-pane active" id="portlet_tab_1"><p> Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.ut laoreet dolore magna ut laoreet dolore magna. ut laoreet dolore magna. ut laoreet dolore magna. </p></div><div class="tab-pane" id="portlet_tab_2"><p> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmodtempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo. </p></div><div class="tab-pane" id="portlet_tab_3"><p> Ut wisi enim ad btn-smm veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. </p></div></div></div></div></div></div>');
        tmp.appendTo(resultdiv);
        console.log(r);
    },
    fail:function(e, data){
        // Something has gone wrong!
        console.log(data.jqXHR.responseText);
        console.dir(data);
        data.context.addClass('error');
    },
    processalways: function(e,data){
        console.dir(data);
        if (data.files.error) alert(data.files[0].error);
    }

});