Cloudinary 上传图像小部件无法按预期工作

Cloudinary upload image widget does not work as expected

我正在使用上传图片小部件但没有成功。

1) result.info.path returns 无效 url。 2)由于no.1没有上传图片的预览 3) 没有图像上传到我在 Cloudinary 的媒体文件夹。

Fiddle: https://jsfiddle.net/7uqb83t1/

这些是我的预设设置:

有人可以分享此小部件 + 预设设置的工作版本吗?

上传成功后,您需要检查 result.info.secure_url 是否有 link 资产。目前,在您的预设中,您使用的是 Async,这意味着传入的转换是在后台(异步)执行的,因此,您将获得 pending 结果。 Async 假定您使用 Notification URL 作为 webhook,处理完成后您将在其中收到 Upload API 响应。对于您的情况,我建议关闭异步。

此外,您在预设中配置的传入转换无效,因此,您将在上传时收到 error。请 console.log 在你的 JSFiddle 中查看它。本质上,它将是 -

Auto gravity can only be used with crop, fill, lfill, fill_pad or thumb

'auto' gravity (g_auto) 意味着裁剪(自动选择图像中最有趣的部分进行聚焦),因此您需要使用适当的裁剪模式。 'scale' 保留所有图像数据并且不进行裁剪,因此 g_auto 无法使用它。请参阅文档的以下部分以了解有关不同裁剪模式的详细信息 - https://cloudinary.com/documentation/image_transformation_reference#crop_parameter - 这将帮助您决定要使用哪种模式。

最后,您还应该考虑更新传入的转换,以便它只调整一次大小,因为目前,使用相同的裁剪模式将其大小调整三次是多余的。例如,您可以只使用 c_scale,q_auto,w_687,或者如果您想要使用 'auto' 引力,您可以尝试 c_fill,g_auto,q_auto,w_687.