Cloudinary 上传小部件 - 应用一般上传限制/停止上传过程

Question

我有一个关于 Cloudinary jQuery Upload Widget 的问题。 http://cloudinary.com/documentation/upload_widget

我使用 max_files 值“2”来限制在多个模式下上传文件，但这意味着“每次上传尝试 2 个文件”（= 如果用户再次单击 Select... 按钮，他可以上传更多图像）。

我想实现以下目标：

• 在页面加载时为上传小部件应用上传图片的一般限制（例如：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 事件，但没有发现有用的东西...

有什么想法吗？

Answer 1

您所描述的行为可以通过使用回调函数中的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
});