js下载跨域的文件

最新推荐文章于 2024-10-10 16:56:39 发布

AS、SD

最新推荐文章于 2024-10-10 16:56:39 发布

阅读量1.5k

点赞数

分类专栏： js 文章标签： javascript 前端

本文链接：https://blog.csdn.net/qq_42988102/article/details/122337128

版权

js 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

普通a链接点击下载（同源）

<a href="http://ppt.beegoedu.com/Upload/unlogo/2017112980744.jpg" download="11.jpg">111</a>

跨域下载文件（非同源）

在这里插入图片描述

<a onclick="a()">下载图片</a>

function a(){
   let url ="http://ppt.beegoedu.com/Upload/unlogo/2017112980744.jpg";
   let name ="123";
   const downloadRes = async () => {
	  let response = await fetch(url); 
	  let blob = await response.blob();  
	  let objectUrl = window.URL.createObjectURL(blob);
	  let a = document.createElement('a');
	  a.href = objectUrl;
	  a.download = name;
	  a.click()
	  a.remove(); 
   }
  downloadRes();
}