纯js实现文件下载并重命名功能

/*** 获取 blob* @param  {String} url 目标文件地址* @return {cb} */
function getBlob(url,cb) {var xhr = new XMLHttpRequest();xhr.open('GET', url, true);xhr.responseType = 'blob';xhr.onload = function() {if (xhr.status === 200) {cb(xhr.response);}};xhr.send();
}/*** 保存* @param  {Blob} blob     * @param  {String} filename 想要保存的文件名称*/
function saveAs(blob, filename) {if (window.navigator.msSaveOrOpenBlob) {navigator.msSaveBlob(blob, filename);} else {var link = document.createElement('a');var body = document.querySelector('body');link.href = window.URL.createObjectURL(blob);link.download = filename;// fix Firefoxlink.style.display = 'none';body.appendChild(link);link.click();body.removeChild(link);window.URL.revokeObjectURL(link.href);};
}/*** 下载* @param  {String} url 目标文件地址* @param  {String} filename 想要保存的文件名称*/
function download(url, filename) {getBlob(url, function(blob) {saveAs(blob, filename);});
};

纯js实现文件下载并重命名功能相关推荐

js实现文件下载并重命名
背景:element-ui写的一个表格,由于数据量太多而目前的筛选功能不完善,新增了导出数据的功能,一键将所有数据下载为一个excel,让运营人员去excel中搜索.导出数据的功能是后端小哥哥做哒,前 ...
js ajax局部替换,纯JS实现AJAX局部刷新功能
AJAX即"Asynchronous Javascript And XML"(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术. AJAX = 异步 J ...
JavaScript 实现文件下载并重命名
JavaScript 实现文件下载并重命名第一种是HTML官网中的方法 <a href="/images/liang.jpg" download="文件名称&qu ...
php文件夹重命名,php文件下载并重命名
1.下载本地文件 $file_url = "./本地路径" $out_filename = '下载后自动保存的名字'; if(!file_exists($file_url)) { ...
php文件下载并重命名
1.下载本地文件 $file_url = "./本地路径" $out_filename = '下载后自动保存的名字'; if(!file_exists($file_url)) ...
php设置下载名,php文件下载并重命名
1.下载本地文件 $file_url = "./本地路径" $out_filename = '下载后自动保存的名字'; if(!file_exists($file_url)) { ...
SpringBoot下载网络文件并重命名，比如：excel
文件下载,通过<a href="url">也是可以的,但是这样直接下载,一般文件名就是服务器端的没有任何意义的文件名. 今天自己用到了另外一种,先说需求:1.文件服务器 ...
js多文件下载和多文件分文件夹打包下载并重命名
js多文件下载并重命名 let list=['...'] function downloadFile(list,index){//下载文件方法if(index>=list.length){ret ...
vue下载文件并重命名
vue的项目,需要做一个文件上传下载的功能.上传是OK的,然鹅因为上传到minio的时候,使用了随机数命名,导致文件名称就变成了一大串字符.被客户驳回来了.那好吧,就加一个重命名功能好了. 不过这个项 ...

纯js实现文件下载并重命名功能

纯js实现文件下载并重命名功能相关推荐

最新文章

热门文章