1

내 레일 애플리케이션에서 사용하기 위해 demo을 약간 수정했습니다. 플러그인은 Chrome 및 FF에서 제대로 작동하지만 IE에는 문제가 있습니다.jQuery blueimp 파일 업로드 : IE의 서버에 N - 1 개의 파일 업로드

IE (모든 버전)에서 하나씩 여러 파일을 선택하고 업로드를 시작합니다. 플러그인은 하나의 파일을 제외한 모든 파일을 업로드합니다. 업로드 할 단일 파일을 선택하면 아무 일도 일어나지 않습니다. 여기

main.js 내가 모두 제거 데모 HTML에서

$(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'); 
     }); 

}); 

의 내용이지만, + 파일 및 업로드 시작 버튼과 진행률 표시 줄과 관련된 코드를 추가합니다.

누구든지이 문제를 해결할 수 있도록 도와 주시겠습니까?

답변

0

마지막으로 @Jignesh의 도움으로 근본 원인을 발견했습니다. 우리의 응용 프로그램에서

우리가 업로드 할 파일을 선택하는 방법은 두 가지 제공하여 동작을 사용자 정의 : 1) + 파일 추가 버튼을 2) 링크

관찰 된 동작을 수동으로 을 클릭하여 업로드 된 모든 파일 + 파일 추가 버튼이 작동하고 성공적으로 업로드됩니다.

링크을 사용하여 선택한 파일은 그렇지 않습니다. 링크 인 이유는입니다. PROGRAMATICALLY는 + 버튼을 IE에서 지원하지 않으므로 클릭 이벤트를 트리거하고 해당 링크를 사용하여 업로드하도록 선택된 파일에 대해 POST 요청이 시작되지 않습니다.

또한 콘솔에 오류가 표시됩니다. SCRIPT5 IE의 경우 위의 동작에 대해 SCRIPT5 액세스가 거부되었습니다.

참고 :

  1. https://stackoverflow.com/a/1829817
  2. https://github.com/blueimp/jQuery-File-Upload/issues/1382
  3. https://github.com/blueimp/jQuery-File-Upload/issues/457
관련 문제