前端通过后端返回的url下载图片方法

前端通过后端返回的url下载图片方法：

1.a标签下载方式：

 <div class="code-info"><img :src="data.qrCode" alt><a :href="data.qrCode" download="" target="_blank">下载</a></div>

downloadPicture(imgSrc, name) {const image = new Image()// 解决跨域Canvas 污染问题image.setAttribute('crossOrigin', 'anonymous')image.src = imgSrcimage.onload = () => {const canvas = document.createElement('canvas')canvas.width = image.widthcanvas.height = image.heightconst context = canvas.getContext('2d')context.drawImage(image, 0, 0, image.width, image.height)canvas.toBlob((blob) => {const url = URL.createObjectURL(blob)const a = document.createElement('a')a.download = name || 'photo'a.href = urla.click()a.remove()// 用完释放URL对象URL.revokeObjectURL(url)})}}

前端通过后端返回的url下载图片方法相关推荐

前端通过后端返回文件流下载文件
// 把文件流下载下来 const downloadMethods = (name, res) => {const blob = new Blob([res.data], { type: 'ap ...
普通文件下载 + 前端获取后端返回的文件流并下载
参考资料前端接受后端文件流并下载的几种方法 ajax 请求二进制流图片文件 XMLHttpRequest 请求并处理二进制流数据之最佳实践 ajax请求二进制流进行处理(ajax异步下载文件) ...
后端返回一个url前端怎么把音视频文件下载下来
后端返回一个url前端怎么把文件下载下来最近做的项目有一个用腾讯云上传音视频的功能,在后台管理里面需要将音视频下载下来,后端是直接返回腾讯云视频url地址的, // 点击下载文件downloadFi ...
c++ url下载图片
/* @author:CodingMengmeng @theme:C++根据图片url下载图片 @time:2017-1-6 22:58:00 @blog:http://www.cnblogs.com ...
HttpURLConnection根据URL下载图片
来看下最简单的根据URL下载图片,此方法在实际开发中,不建议使用,因为有些图片是下载不了的,比如百度上的一些图片,返回http的响应码是405 [java] view plaincopy packag ...
JAVA 通过url下载图片保存到本地(亲测)
//java 通过url下载图片保存到本地 public static void download(String urlString, int i) throws Exception { ...
【python】根据pixiv网站的图片url下载图片到本地
写在前面 pixiv是著名的插画网站.如果我们通过爬虫技术得到了pixiv网站图片的url,那么如何根据url下载图片到本地. 安装模块 pip install requests 测试样例打开以下页 ...
前端将后端返回的带颜色的数据进行转换
前端将后端返回的带颜色的数据进行转换因为之前在调用后端接口的时候后端返给我的数据显示乱码:具体如下图所示: 然后这些数据在后台显示的是这样的的,如下图所示: 根据以上这三幅图片可以看到有些数据 ...
前端处理后端返回的excel文件流并下载
项目中遇到上传excel,后端写的接口是当重复上传相同信息的excel时会吐出excel二进制文件流,这种文件流需要前端下载供用户看. 首先后端的接口需要上传文件已formData形式上传这里我用的 ...

前端通过后端返回的url下载图片方法

前端通过后端返回的url下载图片方法：

前端通过后端返回的url下载图片方法相关推荐

最新文章

热门文章