从 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>
我有我的反应项目,我在其中编辑图像并生成一个新图像。现在我想下载生成的图像。我正在为此使用 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>