a标签下载文件，浏览器变打开预览的解决方案

前景：

处理接口返回的文件链接需要下载，例如http://xxxxx/xxx.jpeg，使用a标签进行下载时（加了download），浏览器对这些类型的文件可以解析，还会打开这个文件在浏览器上进行预览。

解决办法：

1.对a标签里的url进行拼接：让浏览器默认以处理字节流方式去下载。

:href="`${url}?response-content-type=application/octet-stream`"

同事提供的一个不一样思路的解决办法，感觉很是受用～
但是需要好好验证一下，以免有影响文件的问题。

2.看到了一篇文章，将url转成bold,在创建a标签下载blob的处理方法：
传送门：vue内点击url下载文件最佳解决方案

有什么其他思路欢迎提供，若有错误欢迎指正～

a标签下载文件，浏览器变打开预览的解决方案相关推荐

纯前端下载pdf链接文件,而不是打开预览的解决方案
纯前端下载pdf链接文件,而不是打开预览的解决方案参考文章: (1)纯前端下载pdf链接文件,而不是打开预览的解决方案 (2)https://www.cnblogs.com/jackson-yqj/ ...
chrome浏览器在线打开预览pdf文件，而不是下载文件。
Content-Type: application/pdf Content-Disposition: inline; filename="pdf-file1.pdf" 关键有2个点 ...
开源文件文档在线预览项目解决方案kkFileView本地搭建运行与Docker部署运行
场景 kkFileView 支持 office, pdf, cad 等办公文档支持 txt, xml(渲染), md(渲染), java, php, py, js, css 等所有纯文本支持 zi ...
通过a标签下载文件，不打开新的窗口
先上代码 <a href='/UploadFiles/Photos/SP\XS1811803\c2ea42a22327409eb6e3bf44841a8696.jpg' download='我的 ...
JAVA-文件文档在线预览项目解决方案-kkFileView
1. 简介 kkFileView是文件文档在线预览项目解决方案,对标业务付费产品有永中office,office365,idocv等.该项目使用六星的springboot大家,易上手和部署,基本支持 ...
使用a标签下载文件，浏览器会直接打开解决方案
使用a标签下载文件,浏览器会直接打开解决方案背景一.HTML中的a标签实现点击下载二.即使使用a标签的download属性,chrome浏览器还是会打开三.解决方案解决方案一:使用ajax请 ...
IE浏览器下载不了文件或下载文件会直接打开
下载不了文件,以下方法设置一. 重置IE: 1. 关闭所有Internet Explorer窗口. 2. 单击"WINDOWS R",在搜索框内输入inetcpl.cpl,按回车 ...
微信小程序打开预览下载的文件
微信小程序开发交流qq群 173683895 承接微信小程序开发.扫码加微信. 使用 wx.openDocument(obj) 方法预览 wx.downloadFile({url: 'htt ...
js下载文件及前端使用a标签下载文件download属性失效问题
通常下载通过document.createElement创建虚拟a标签 function downloadFileUrl(val, url, fileName) {if (isVal) return ...

a标签下载文件，浏览器变打开预览的解决方案

前景：

解决办法：

a标签下载文件，浏览器变打开预览的解决方案相关推荐

最新文章

热门文章