VUE 下载文件 二进制转换

news/2024/7/19 14:07:53 标签: vue.js, js

最近在做商城类网站,要实现用户资质及商品资质下载功能
下面直接上代码

 let url = window.URL.createObjectURL(
    new Blob([data], { type: "application/zip" })
  );
  let link = document.createElement("a");
  link.style.display = "none";
  link.href = url;
  link.setAttribute("download", code + ".zip");
  document.body.appendChild(link);
  link.click();
  //释放URL对象所占资源
  window.URL.revokeObjectURL(url);
  //用完即删
  document.body.removeChild(link);

URL.createObjectURL() 静态方法会创建一个 DOMString,其中包含一个表示参数中给出的对象的URL。这个 URL 的生命周期和创建它的窗口中的 document 绑定。这个新的URL 对象表示指定的 File 对象或 Blob 对象。


http://www.niftyadmin.cn/n/1367436.html

相关文章

vue MD5 加密

登录的时候 进行MD5 加密 对 密码进行加密处理,减少用户密码暴露 npm install --save js-md5 //下载 js-md5 插件 实现MD5 加密 再要进行的MD5 加密的js文件内,引入 js-md5 // 引入 MD5加密 import md5 from js-md5; //通过md5 方法进行md5 加密 pa…

vue 去掉前后空格

vue 去掉前后空格 <input v-model.trim "massage" >trim 修饰符

vue 下载文件,文件损坏无法打开

最近通过 axios 接口下载文件的时候&#xff0c;文件不能打开&#xff0c;显示文件损坏 是因为在接口请求体中缺少属性 responseType: blob export function downloadFileById (id) {return axios({responseType: blob,url: urlHref id,method: get}) }

vue启动时报错* core-js/modules/es. .......

vue启动时报错* core-js/modules/es. … 报错代码片段: 一开始根据提示安装npm install --save core-js 然而并没有用 后来经过尝试发现版本太低 所以选择了高一点的版本 下面展示一些下我的解决方法内联代码片。 npm install core-js3.8.1成功解决 如果不行可以再选择更高一…

vue过滤器filters使用方式之一(在双花括号中使用)

vue过滤器filters使用方式之一&#xff08;在双花括号中使用&#xff09; 过滤器的意思大概就是&#xff0c;经过过滤器过滤之后出来另一样你想要东西&#xff0c;过滤器就是一个过滤的工具。例如&#xff0c;从[‘abc’,‘abd’,‘ade’]数组中取得包含‘ab’的值&#xff0c…

关于js/vue字符串截取方法总结

关于js/vue字符串截取方法总结 下面展示一些 内联代码片。 // 例如有这样一个字符串 let str 1234567890; // 返回整个字符串方法 str str.slice(0);//返回整个字符串 1234567890 str str.substring(0);//返回整个字符串 1234567890 str str.substr(0);//返回整个字符串 …

vue+element ui 中国标准化时间转换日期多种格式

vueelement ui 中国标准化时间转换日期多种格式 最近在做项目的时候用到了DatePicker 日期选择器 结果选好日期获取日期value得到这个玩意儿 有点恶心的中国标准化时间 如果想要转化成2021-04-3或/2021/04/30一系列你想要的结果 我是这么写的 你可以作为参考自己改 下面展示一…

vue/js数组转字符串之间的相互转换

vue/js数组和字符串之间的相互转换 // 数组转字符串 let arr [1,2,3] arr.join(,) //变成字符串&#xff0c;并以逗号分隔// 字符串转数组 let str 1,2,3 str.split(,) //字符串按逗号分隔成数组// 温馨提示 以上&#xff08;,&#xff09;可以换成你想要的分割字符