jQuery blueimp文件上傳：上傳N - 1文件到服務器在IE

我修改了demo點點在我的Rails應用程序中使用。 Chrome和FF中的插件工作正常，但IE中存在問題。jQuery blueimp文件上傳：上傳N - 1文件到服務器在IE

在IE（所有版本）中，我一個接一個地選擇多個文件並開始上傳。該插件只上傳一個文件。如果我選擇單個文件上傳，則不會發生任何事情。

這裏是main.js

$(function() { 
    'use strict'; 

    // Initialize the jQuery File Upload widget: 
    $('#fileupload').fileupload(); 

    // Enable iframe cross-domain access via redirect option: 
    $('#fileupload').fileupload(
     'option', 
     'redirect', 
     window.location.href.replace(
      /\/[^\/]*$/, 
      '/cors/result.html?%s' 
     ) 
    ); 

    //Reference : 
    // https://github.com/blueimp/jQuery-File-Upload/issues/1324 
    // https://github.com/blueimp/jQuery-File-Upload/issues/841 
    $('#fileupload').bind('fileuploadsubmit', function (e, data) { 
     var inputs = data.context.find(':input'); 
     if (inputs.filter('[required][value=""]').first().focus().length) { 
      return false; 
     } 
     data.formData = inputs.serializeArray(); 
    }); 

    $('#fileupload').bind('fileuploadadd', function (e, data) { 
     alert('file added'); 
    }); 


    $('#fileupload').fileupload('option', { 
     url: '/gallery', 
     maxFileSize: 5000000, 
     acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i, 
     process: [ 
      { 
       action: 'load', 
       fileTypes: /^image\/(gif|jpeg|png)$/, 
       maxFileSize: 20000000 // 20MB 
      }, 
      { 
       action: 'resize', 
       maxWidth: 1440, 
       maxHeight: 900 
      }, 
      { 
       action: 'save' 
      } 
     ] 
    }).bind('fileuploadstop', function (e, data) { 
     alert('files uploaded'); 
     }); 

});

從我刪除了所有的演示html內容，但+添加文件，並開始上傳按鈕和進度條相關的代碼。

請問誰能幫我解決這個問題？

來源

2012-09-13 Amit Patel

最後我在@Jignesh的幫助下找到了根本原因。

在我們的應用，我們通過提供兩種方式選擇要上傳的文件自定義的行爲： 1）+添加文件按鈕 2）鏈接

觀察到的行爲：通過手動點擊上傳的所有文件+添加文件按鈕工作併成功上傳。

但是使用鏈接選擇的文件沒有。究其原因是在鏈接編程觸發對+添加文件按鈕，IE不支持，因此沒有POST請求發起的選擇使用的鏈接上傳文件的CLICK事件。

此外，控制檯顯示錯誤：SCRIPT5訪問拒絕以上觀察到的行爲在IE的情況下。

參考文獻：

來源

2012-09-14 13:15:39

jQuery blueimp文件上傳：上傳N - 1文件到服務器在IE

回答

相關問題