限制上传大于20 MB的文件大小[cloudinary api]
问题描述:
当我试图将视频文件上传到cloudinary并将文件大小限制为20mb时,它无法正常工作。如何应用条件来限制文件大小?下面是我的javascript代码和HTML代码限制上传大于20 MB的文件大小[cloudinary api]
$(document).ready(function() {
$('.progress').hide();
$('#cloudinary_response').hide();
});
$('#upload_file').bind('change', function() {
var file_size = this.files[0].size;
if (file_size < 200000) {
$('#upload_file').unsigned_cloudinary_upload('xyz', {
cloud_name: 'xyz',
tags: 'upload'
}).bind('cloudinarydone', function(e, data) {
public_id = data.result.public_id;
}).bind('cloudinarystart', function(e, data) {
$('.progress').show();
transform = {
cloud_name: 'xyz'
};
}).bind('cloudinaryprogress', function(e, data) {
$('.progress-bar').css('width',
Math.round((data.loaded * 100.0)/data.total) + '%')
});
} else {
alert("File size is greater than 20MB")
}
});
<form>
<input name="file" type="file" id="upload_file" accept="video/mp4,video/x-m4v,video/*">
<input type="text" name="cloudinary_response" id="cloudinary_response">
</form>
答
限制视频大小可作为内置功能。所有你需要做的是设置maxFileSize
参数如下证明:
https://github.com/cloudinary/cloudinary_js#client-side-image-resizing-before-upload
确保导入所需的JS文件(以正确的顺序),如文档中提到。