从 cloudinary 下载图片 url

Download image from cloudinary url

我有我的反应项目,我在其中编辑图像并生成一个新图像。现在我想下载生成的图像。我正在为此使用 cloudinary,并且我有图像的 url。

但主要问题是我无法下载图像。我试过了

<a href="link" download> Download </a>

但是没有用。它只打开图像但不下载它。

我只想下载图片,仅此而已。

如果您有任何想法,请分享

实时沙盒https://codesandbox.io/s/interesting-mountain-lf4lk?file=/src/App.js

我用的是js-file-download。工作样本: https://codesandbox.io/s/confident-monad-pc6l9?file=/src/App.js:76-92

您不需要外部库来实现该功能。只需添加 Cloudinary flags => attachment 转换(URL 中的 fl_attachment),这将设置 Content-Disposition header 值为 'attachment' 和文件将下载。

<a href="https://res.cloudinary.com/demo/image/upload/fl_attachment/sample.jpg">Download</a>

您可以选择使用 fl_attachment:my_custom_filename.

格式为下载的文件设置自定义文件名
<a href="https://res.cloudinary.com/demo/image/upload/fl_attachment:my_custom_filename/sample.jpg">Download</a>