Question

我在我的应用中使用plupload库。我可以点击“选择文件”按钮并使用Chrome和Firefox添加文件，但是当我点击“选择文件”按钮时，IE8没有任何反应。

这是我的JS实现

    var url = webAPIHost.toLowerCase().replace("api/", "") + 'FileUpload/FileHandler';
    var total_uploads = 0;
    var uploaded = 0;

     uploaderExpense = new plupload.Uploader({
            runtimes: 'html5,html4',
            browse_button: 'pickfiles', // you can pass in id...
            container: document.getElementById('fileupload'), // ... or DOM Element itself
            url: url,
            flash_swf_url: '../js/Moxie.swf',
            silverlight_xap_url: '../js/Moxie.xap',
            multipart_params: {
                "expenseDetailID": "",
                "fileID": ""
            },
            drop_element: 'dropzone',
            filters: {
                max_file_size: '10mb',
                mime_types: [
                    {title: "Image files",extensions: "jpg,gif,png"}, 
                    {title: "Zip files",extensions: "zip"}
                ]
            },

            init: {
                PostInit: function() {
                    document.getElementById('filelist').innerHTML = '';
                },

                FilesAdded: function(up, files) {
                    plupload.each(files, function(file) {
                        var filename = "";

                        if ($.browser.msie && parseInt($.browser.version, 10) <= 9) {
                            filename = file.name;
                        }

                        document.getElementById('filelist').innerHTML += '<div id="' + file.id + '" class="uploadListItem"><span class="bf-delete-image" id="del' + file.id + '">X</span>' + filename + '<b></b></div>';

                        if (!$.browser.msie || parseInt($.browser.version, 10) >= 10) {
                            for (var i = 0; i < files.length; i++) {
                                showImagePreview(files[i]);
                            }
                        }

                    });
                    $('#isAttachedToDocWrap').hide();
                },
                FilesRemoved: function(up, file) {
                    if (up.files.length == 0) {
                        $('#isAttachedToDocWrap').show();
                    }
                },
                UploadProgress: function(up, file) {
                    document.getElementById(file.id).getElementsByTagName('b')[0].innerHTML = '<span>' + file.percent + "%</span>";
                },

                Error: function(up, err) {
                }
            }
        });

这是HTML部分

<div id="filelist"></div>
<div id="fileupload" style="position: relative;">
  <input type="button" id="pickfiles" value="Choose File" style="width: 100px; position: relative; z-index: 1;">

  <div id="html5_18n9h5j961i36ravev1b7t1vm23_container" class="moxie-shim moxie-shim-html5" style="position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; overflow: hidden; z-index: 0;"><input id="html5_18n9h5j961i36ravev1b7t1vm23" type="file" style="font-size: 999px; opacity: 0; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;" multiple="" accept="image/jpeg,image/gif,image/png,application/zip"></div>
</div>

正如你所看到的'plupload library'创建了div html5容器，这意味着代码在那里，但是IE没有显示它或打开文件对话框。我不知道为什么？

上传器库有example page，可以在IE上正常工作。这意味着实现

不正确

我不能把手放在这里的错误上。

Answer 1

当我改变运行时以支持flash和silverlight时，就像这样runtimes: 'html5,flash,silverlight,html4';它有点工作。我的意思是，我必须点击＆＃39;选择文件＆＃39;对话框打开前多次按钮。它反应非常慢。由于我正在使用我的localhost，它现在是一个临时解决方案。

在测试时我遇到了安全错误。我找到了关于IE8和IE9 plupload的运行时here的很好的信息。

为什么plupload库在IE8中不起作用

1 个答案: