js实现a标签点击下载图片和txt等文件，而不是浏览器打开预览

function downloadFile(url) {console.log(url)const link = document.createElement('a')fetch(url).then(res => res.blob()).then(blob => { // 将链接地址字符内容转变成blob地址console.log(blob)link.href = URL.createObjectURL(blob)// console.log(link.href)link.download = ''document.body.appendChild(link)link.click()document.body.removeChild(link)})}

js实现a标签点击下载图片和txt等文件，而不是浏览器打开预览相关推荐

【js】a标签点击下载
处理问题: 兼容不同浏览器的a标签点击下载 export const downLoadFile = ({url,fileName,downType, }: {url: stringfileName: ...
微信小程序下载word，excel，doc，pdf并打开预览并可以转发收藏
//查看并下载 contract() {wx.downloadFile({//下载url: url,//服务器上面的地址filePath: wx.env.USER_DATA_PATH + '/test ...
JS实现浏览器点击下载图片
点击下载图片分两种: 1.一种是同源地址图片(也就是本地本项目中的图片): 2.另一种是不同源的图片:(不同域名下,比如阿里云七牛云上的图片) 下面我们就具体说一下这两种图片下载的方式: 第一种(同 ...
怎么用JS端实现图片、视频时直接下载而不是打开预览
项目中的附件列表,通常情况都需要提供下载.删除的功能,功能本身没有什么要说的,都是基本功能,使用浏览器的的下载功能,也都是用window.open(url),或者window.location.hre ...
js模拟form表单提交数据, js模拟a标签点击跳转，避开使用window.open引起来的浏览器阻止问题...
js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题 js模拟form表单提交数据源码: /** * js模拟form表单提交 * @param ...
运用canvas将两张图片画在一起，生成一张新的图片，然后实现点击下载图片
运用canvas将两张图片img1,img2画在一起,生成一张新的图片img3,然后实现点击下载图片img3 代码如下: <!DOCTYPE html> <html lang=&qu ...
PDF.js + Vue 浏览器以只读方式打开PDF,后台返回文件流，前端实现预览pdf
如果你想光前端完成 office(xls,doc,ppt) 文件的预览,只能提供你这些库来使用 PDF http://mozilla.github.com/pdf.js/ XLS https://gi ...
浏览器中预览文件（pdf、图片文件）
本文讲解在浏览器中预览PEF文件或图片文件,思路如下: 使用window.fetch请求文件资源,生成blob对象,创建此blob对象的url,之后在浏览器中显示预览,下面是具体实现代码: 1.单击& ...
word另存为html文件后，浏览器打开不显示图片
word另存为html文件后,浏览器打开不显示图片原因:word自动将图片在html文件中转为<v:imagedata src="路径名" o:title="&q ...

js实现a标签点击下载图片和txt等文件，而不是浏览器打开预览

js实现a标签点击下载图片和txt等文件，而不是浏览器打开预览相关推荐

最新文章

热门文章