2014-07-07 5 views
0

나는 https://github.com/blueimp/jQuery-File-UploadJQuery와 파일 업로드 기본 옵션

내가 원하는 것은 플러그인에 기본 옵션을 설정하는 것입니다에서 Blueimp JQueryFileUpload를 사용하고, 그래서 그나마 내가 그것을 사용할 때마다 그들을 실행해야하고, 몇 가지 구체적인 시나리오에서 I 내 기본 구성을 무시하고 싶습니다.

나는 플러그인의 UI 버전을 사용하고 있으며 전적으로 'fileuploaddone'콜백을 전역으로 설정하려고합니다.

다른 플러그인에서 나는 당신은 확실히 콜백 옵션을 추가 할 수 있습니다

$.otherPlugin.options = { some : 'Default Options' }

+0

설정하려는 특정 옵션을 설명 할 수 있습니까? –

+0

내 'fileuploaddone'콜백을 전역으로 설정하려고합니다. – murilolobato

답변

0

제 질문을 게시 한 후 마침내 설명서에 해결책이 있습니다. 워드 프로세서에서 설명한 바와 같이

: JQuery와 파일 업로드 플러그인을 확장 할 수

권장되는 방법은 jQuery를 UI 위젯 공장의 확장 메커니즘을 사용하는 것입니다. 이 옵션을 사용하면 파일 업로드 위젯 클래스의 메소드뿐 아니라 기본 옵션 (콜백 메소드 포함)을 대체 할 수 있습니다.

그래서, 다음 코드는

$.widget('blueimp.fileupload', $.blueimp.fileupload, { 

    options: { 
     autoUpload: false 
    } 
}); 

더 많은 정보는 공식 문서에서 foun이 될 수있는 몇 가지 기본 옵션을 대체 할 수 있습니다. https://github.com/blueimp/jQuery-File-Upload/wiki/Plugin-extensions.

1

통해 서이를 달성. documentation을 읽으십시오.

다음은 구현과 관련한 내용입니다. 콜백 코드를 blueimp/js/main.js에 추가했습니다.

$('#fileupload').bind('fileuploadadd', function (e, data) { 
    var fileList = $.trim($("#hdnFileList").val()); 

    if (fileList.length == 0) { 
     $("#hdnFileList").val($.trim(data.files[0].name)); 
    } else { 
     fileList = fileList + "," + $.trim(data.files[0].name); 
     $("#hdnFileList").val(fileList); 
    } 
}).bind('fileuploaddone', function (e, data) { 
    Add($("#hdnUploaded"), data.result.files[0].upFile); 
    Add($("#hdnUploadedClientFile"), data.result.files[0].name); 
}); 

추가 정의 함수 인.