2016-11-12 3 views
0

Cloudy jQuery Upload Widget에 대한 질문이 있습니다. http://cloudinary.com/documentation/upload_widgetCloudinary Upload Widget - 일반 업로드 제한 적용/업로드 프로세스 중지

여러 모드에서 업로드 파일을 제한하기 위해 max_files 값 "2"를 사용하지만 "업로드 시도 당 2 파일"을 의미합니다 (사용자가 선택 ... 버튼을 다시 클릭하면 더 많은 이미지 업로드 가능).).

  • 는 페이지로드에 업로드 위젯 업로드 한 이미지의 일반적인 제한을 적용

    나는 다음과 달성하고자하는 (예 : 5) 제한을 초과하는 경우

  • 경고가 있어야한다 표시됩니다.

예제 코드는 다음과 같습니다. 업로드 성공 기능을 확인하십시오. 정확한 대소 문자가 경고를 표시하는 것으로 보이지만 제한이 적용되지 않습니다. 업로드 성공 후 해당 기능이 실행되고 있기 때문입니다. 하지만 한계를 초과하면 파일 업로드를 중단하고 싶습니다. ...

어떤 생각을

var uploaded_files_cnt = 0; 
    $(document).ready(function() { 
     var uploaded_files_cnt = 0; 
     cloudinary.openUploadWidget({ 
       cloud_name: 'X', 
       upload_preset: 'Y', 
       max_files: 2, 
       inline_container: '#inline_container'  
       }, 
      function(error, result) { 
       imageresults = result; 
       for (i = 0; i < imageresults.length; i++) 
       {   
          if (uploaded_files_cnt >= 5) 
          { 
           alert('No more images!'); 
           return false; 
          } 
          uploaded_files_cnt++;   
       }   

      }); 
    }); 

나는 위젯의 API 이벤트를 확인,하지만 난 유용 뭔가를 찾을 수 없습니까?

답변

0

당신이 설명하는 동작은, 예를 들어, 콜백 함수에서 jQuery를 사용함으로써 달성 될 수있다 : 답장을

<script src="http://code.jquery.com/jquery-2.1.3.min.js" 

type="text/javascript"></script> 
<script src="//widget.cloudinary.com/global/all.js" type="text/javascript"></script> 

<div class="uploader"><a href="#" id="upload_widget_opener" class="cloudinary-button">Upload</a></div> 
$('#upload_widget_opener').cloudinary_upload_widget( 
{ cloud_name: 'XXXXX', 
upload_preset: 'XXXXX', 
max_files: '5', 
inline_container: '#inline_container' 
}, 
function(error, result) { 
    console.log(error, result) 
    $('.uploader').toggle(); // closes the widget. You can change it to an alarm 
}); 
+0

감사합니다! :) 당신의 해결책을 이해 합니다만, 사용자에게 친숙한 메시지를 보여주고 위젯을 사라지게하지 않고 위젯 사용을 비활성화하는 방법이 필요합니다. 위젯이 더 많은 파일을 업로드하지 못하게해야합니다. 콜백 함수에 다음 코드를 추가했지만 작동하지 않습니다. \t \t \t \t \t \t $ ("# inline_container *"). attr ("disabled", "disabled") off ('클릭'); \t \t \t \t \t \t \t $ ('. cloudin_fileupload'). attr ("disabled", "disabled"); \t \t \t \t \t \t \t $ ('. button.select_file.select_single'). attr ("disabled", "disabled"); \t \t \t \t \t \t \t $ ('. button.select_file.select_multiple') ATTR ("장애인" "장애인."); – user3594130