내 blueimp jQuery 파일 업로드 스크립트가 작동하지 않는 이유는 무엇입니까?

나는 blueimp JQuery 파일 업로드 스크립트를 사용하여 파일 업로드를 자랑스럽게 생각합니다. 여기에서 다운로드 할 수 있습니다 : https://github.com/blueimp/jQuery-File-Upload/zipball/master (ZIP).내 blueimp jQuery 파일 업로드 스크립트가 작동하지 않는 이유는 무엇입니까?

$(function() { 
    'use strict'; 

    // Initialize the jQuery File Upload widget: 
    $('#fileupload').fileupload({ 
    // Dirs 
    url: 'accesspoint/upload.php', 
    uploadDir: 'accesspoint/files/', 
    thumbnailsDir: '', 

    // Options 
    autoUpload: 1, 
    maxNumberOfFiles: 1, 
    limitConcurrentUploads: 1, 
    maxFileSize: 1000000, 
    }); 

    // Load existing files: 
    $.getJSON($('#fileupload form').prop('action'), function (files) { 
     var fu = $('#fileupload').data('fileupload'); 
     fu._adjustMaxNumberOfFiles(-files.length); 
     fu._renderDownload(files) 
      .appendTo($('#fileupload .files')) 
      .fadeIn(function() { 
       // Fix for IE7 and lower: 
       $(this).show(); 
      }); 
    }); 

    // Open download dialogs via iframes, 
    // to prevent aborting current uploads: 
    $('#fileupload .files a:not([target^=_blank])').live('click', function (e) { 
     e.preventDefault(); 
     $('<iframe style="display:none;"></iframe>') 
      .prop('src', this.href) 
      .appendTo('body'); 
    }); 
});

지금 http://www.mcemperor.nl/test/appstest/blueimpjqueryfileupload/example/에서 살펴 : 여기

는 자바 스크립트 코드의 조각이다. 파일을 업로드 할 수 있습니다. 위의 JavaScript 스 니펫에 정의 된 최대 파일 크기보다 큰 파일을 업로드하면 다음과 같은 메시지가 표시됩니다. File upload like it's supposed to.

완벽하게 예상대로 작동합니다. (최대 업로드 크기를 1000000 바이트로 설정 했으므로 a file of 1 MB을 업로드하면 파일이 너무 큼을 나타냅니다.)

... 이제 작은 수정 사항을 사용하여 동일한 스크립트를 붙여 넣을 때, 어떤 종류의 프레임 워크에 모듈로서, 스크립트가 제대로 작동하지 않습니다; 나는 받기 : 당신이 볼 수 있듯이, '항목을 삭제'아이콘이 작은 File upload that is not the idea...

(가 평방해야하는데) 내가 그것을 클릭 할 때 아무 일도 발생하지 않습니다.

이 일 수 있다는 단서가 없습니다. 누구든지 아이디어가 있습니까?

이 스크립트를 다른 <form> 안에 사용할 수 있습니까?
동일한 ID를 가진 여러 요소가 문제가 될 수 있습니까?
자바 스크립트 간의 충돌 (예 : 기능 또는 개체 재정의)이 문제가 될 수 있습니까?

출처

2011-09-22 MC Emperor

_ 동일한 스크립트 (일부 수정 사항 포함)를 모듈 형태로 프레임 워크에 붙여 넣는 것처럼 보입니다. _ _는 CSS 포함을 손상 시켰습니다. 플러그인에 대한 CSS 파일의 URL을 확인하십시오. – Sparky

@ Sparky : CSS 규칙뿐 아니라 onclick 이벤트도 ... –

나는 스크립트를 해결하기 위해,하지만 어쩌면 대안으로 방화 광을 사용하여 요소를 찾아 CSS를 항목 또는 JQuery와 기능을 패치하는 것이 얼마나 없습니다 확신합니다. 또한 jquery.fileupload-ui.css는 jqueryUI 요소를 재정의 할 책임이있는 CSS 파일입니다. 단추가 독립적으로 스타일을 지정할 수 있다는 것을 알고 있습니다. 다시 한 번 명확한 것은 아니지만 삭제 버튼의 아이콘을 변경하는 스크립트를 통해 클래스가 추가 될 수 있습니다.

출처

2012-05-03 16:11:32 bgmCoder

내 blueimp jQuery 파일 업로드 스크립트가 작동하지 않는 이유는 무엇입니까?

답변

관련 문제