vue使用url下载图片
时间: 2023-09-01 11:12:44 浏览: 169
根据url下载图片
可以使用以下代码:
```javascript
function downloadImage(imageUrl) {
// 创建一个a标签,指定下载文件的url和文件名
const a = document.createElement('a')
a.href = imageUrl
a.download = 'fileName' // 可以自定义文件名,也可以根据实际情况获取图片名称
// 将a标签添加到页面上,模拟点击实现下载
document.body.appendChild(a)
a.click()
document.body.removeChild(a)
}
```
使用时,调用`downloadImage`函数并传入图片的url即可实现下载。注意,下载远程图片需要跨域支持。如果是本地图片,则不存在跨域问题。
阅读全文