项目场景：

例如：js前端下载图片的时候总是报下载格式不对或者文件损坏导致下载的图片打不开

问题描述

例如：下载图片的时候总是报下载格式不对或者文件损坏导致下载的图片打不开

下载功能的代码：

   const blob = new Blob([res], { type: file.type });//type可以后端给也可以前端自己在file里面获取const url = window.URL.createObjectURL(blob);const link = document.createElement("a");link.style.display = "none";const fname = `${file.name}`; //下载文件的名字+后缀名link.href = url;link.setAttribute("download", fname);document.body.appendChild(link);link.click();setTimeout(() => {this.$message.success("导出成功");}, 1000);

接口代码：

//下载
export function 前端自己定义名称(data) {return request({url: `接口链接`,//后端提供data: data,method: 'post',responseType: 'arraybuffer'//告诉axios 返回的格式  重点！！！})
}

解决方案：

就是在接口里面加上 responseType: 'arraybuffer'就可以解决。

【js下载图片打不开】相关推荐

JS下载图片到本地，解决跨域问题
说下需求,点击按钮,实现下载图片到本地的功能,后台返回的url是阿里oss存储图片的地址,一开始只能预览图片,再后来受同源策略影响,依旧不能实现,但是在生成的图片后拼接?time=当前时间戳就可以实现 ...
python requests html格式图片打不开_爬虫下载图片打不开是什么原因，最新简易爬虫教程...
前言本文的文字及图片来源于网络,仅供学习.交流使用,不具有任何商业用途,版权归原作者所有,如有问题请及时联系我们以作处理. (本文来自www.777n.com) 作者: GitPython (原文来 ...
js下载图片、js下载文件、js文件下载插件介绍和使用方法 download.js
知识点引用来自于 http://danml.com/download.html 在前端想要生成txt或者其他格式文件来保存一些数据,或者在数据请求服务器成功后想要将数据生成文件并下载,这些需求还是比较 ...
FileSaver.js下载图片
版权声明:本文为博主原创文章,未经博主允许不得转载. 第一步:引入FileSaver.js <script src="https://cdn.bootcss.com/FileSaver ...
JS下载图片保存在本地
const imgUrl = "";// 图片链接const a = document.createElement('a');// 这里是将url转成blob地址,fetch(im ...
解决下载图片打不开的问题
String fileName=request.getParameter("fileName"); //图片的链接//直接通过URL去读取图片 URL url=new URL(fi ...
通过js下载图片或文件
如果是get请求的二进制文件,则后端处理文件时可以将文件配置为在浏览器中打开直接下载,所以前端要做的就是直接访问文件地址即可注: download属性只有在同源的情况下才会生效( 项目部署地址和接口 ...
js 下载图片的方法
方法一:<a href="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg" d ...
jquery下载图片
用a标签下载图片 href: 文件的绝对/相对地址 download: 文件名(可省略,省略后浏览器自动识别源文件名) <a href='xxx.jpg' download='file.jpg' ...

【js下载图片打不开】

项目场景：

问题描述

解决方案：

【js下载图片打不开】相关推荐

最新文章

热门文章