自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(3)
  • 收藏
  • 关注

原创 Vue 文件上传功能

Vue 文件上传功能

2023-07-14 17:46:50 621 1

原创 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关注的人

提示
确定要删除当前文章?
取消 删除