使用 cloudinary 配置直接上传答案

【问题标题】：Configuring direct uploads with cloudinary使用 cloudinary 配置直接上传
【发布时间】：2017-08-30 08:45:15
【问题描述】：

我正在尝试以下方法：

但是，设置似乎没有得到遵守。如何在对unsigned_cloudinary_upload 的调用中配置最大文件大小、最大文件数和文件类型？

$('.upload_field').unsigned_cloudinary_upload(preset_name, {
  cloud_name: 'cloudname',
                disableImageResize: false,
                imageMaxWidth: 2000,                           // 800 is an example value
                imageMaxHeight: 2000,                          // 600 is an example value
                maxFileSize: 8000000,                        // 20MB is an example value
                //loadImageMaxFileSize: 200000,               // default is 10MB
                acceptFileTypes: /(\.|\/)(gif|jpe?g|png|bmp|ico)$/i
}, {
  multiple: true
})

我也试过这个：

//{
            //    cloud_name: 'test',
            //    max_files: settings.maxFiles,
            //    tags: tags,
            //    client_allowed_formats: ["png", "gif", "jpeg", "jpg", "jpe", "jpc", "jp2", "j2k", "wdp", "jxr", "hdp", "webp", "bmp", "tif", "tiff", "ico", "ps", "ept", "eps", "eps3", "psd", "svg", "ai", "djvu", "flif", "tga"],
            //    max_file_size: 8000000
            //},

【问题讨论】：

标签： cloudinary

【解决方案1】：

目前，无法使用unsigned_cloudinary_upload 方法并限制客户端允许的格式、最大文件、最大文件大小。

一种接近的解决方法是使用cloudinary_fileupload 方法使上传未签名。这将允许您设置最大文件大小，并使用正则表达式来限制文件类型。

使用 maxFileSize 和 acceptFileTypes 的示例如下所示：

$('.cloudinary-fileupload').cloudinary_fileupload({maxFileSize:100000000,acceptFileTypes: /(.|\/)(gif|jpe?g|png|bmp|ico)$/i});

【讨论】：