【js】a标签点击下载

处理问题：

兼容不同浏览器的a标签点击下载


export const downLoadFile = ({url,fileName,downType,
}: {url: stringfileName: stringdownType?: number
}) => {const a = document.createElement('a')// 接口请求if (downType == 1) {a.href = urla.click()} else {//资源访问const x = new XMLHttpRequest()x.open('GET', url, true)x.responseType = 'blob'x.onload = function() {//会创建一个 DOMString，其中包含一个表示参数中给出的对象的URL。这个 URL 的生命周期和创建它的窗口中的 document 绑定。这个新的URL 对象表示指定的 File 对象或 Blob 对象。const src = window.URL.createObjectURL(x.response)a.href = srcif (fileName) {a.download = fileName}a.click()}x.send()}
}

使用：

          downLoadFile({ url: url, fileName: fileName })

【js】a标签点击下载相关推荐

JS实现浏览器点击下载图片
点击下载图片分两种: 1.一种是同源地址图片(也就是本地本项目中的图片): 2.另一种是不同源的图片:(不同域名下,比如阿里云七牛云上的图片) 下面我们就具体说一下这两种图片下载的方式: 第一种(同 ...
js实现a标签点击下载图片和txt等文件，而不是浏览器打开预览
function downloadFile(url) {console.log(url)const link = document.createElement('a')fetch(url).then( ...
a标签点击下载文件通用方法，pdf文件预览不能下载解决方法
function downloadFile(url) {var request = new XMLHttpRequest();request.responseType = "blob&quo ...
js 点击下载文件、图片
想直接看结论,看代码方法一!!!方法二和方法三不兼容,只是延伸下思路. 参考: https://blog.csdn.net/weixin_33694620/article/details/881705 ...
js模拟form表单提交数据, js模拟a标签点击跳转，避开使用window.open引起来的浏览器阻止问题...
js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题 js模拟form表单提交数据源码: /** * js模拟form表单提交 * @param ...
android js下载地址,js点击下载跳转iOS或安卓
在移动wap上,最常见的就是引流用户下载安装自己的应用程序,如何通过js点击判断下载是ios还是安卓呢?其实很简单,就是要判断用户的设备是iOS还是Android,然后分别跳转就可以了. var u ...
JS实现html页面点击下载文件的两种实现方法
1.使用<a>标签来完成 <a href="/user/test/xxxx.txt" download="文件名.txt">点击下载&l ...
HTML a标签链接设置点击下载文件
通常情况下,为文件添加链接后,用户可以通过点击链接,直接将文件下载到本地,如下载 excel 表格等 <a href="/user/test/xxxx.excel">点 ...
JS将图片转化为base64编码，并实现点击下载，js实现图片下载的实操博客
背景需求在前端的工作中,经常碰到点击下载图片的需求,但是有一种情况大家经常碰到,就是点击下载地址之后,在浏览器窗口默认打开了,并没有调用浏览器进行下载如果你正在完善这个需求,一直解决不了,恭喜你看 ...

【js】a标签点击下载

【js】a标签点击下载相关推荐

最新文章

热门文章