- 博客(3)
- 收藏
- 关注
原创 Vue 图片下载功能
使用Fetch API发送GET请求到你的URL地址,并设置请求头的。在链式调用中,首先将响应转换为Blob对象。字段在Fetch API中无效,你需要将。又做了一个图片下载的功能,下面是代码。模拟点击a标签,从而触发文件下载。将Blob数据转换为URL链接。释放URL对象,避免内存泄漏。作为查询参数拼接在URL中。创建一个a标签,并设置链接(将a标签添加到文档中。,以确保在请求发送后。
2023-07-14 17:37:24
982
原创 Vue 下载图片功能
在xhr.onload回调函数中,首先检查xhr的状态码是否为200,表示请求成功。如果成功,将blob数据转换为URL链接,创建一个a标签,并设置下载属性和文件名。将当前的this.imageUrl赋值给一个局部变量imageUrl,以确保代码在加载完后imageUrl的值不会改变。创建一个XMLHttpRequest对象,并通过GET请求获取imageUrl的图片数据。将响应类型设置为"blob",以便将响应数据转换为blob对象。如果xhr的状态码不是200,表示请求失败,打印错误信息。
2023-07-14 17:28:36
387
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人