【前端】js下载url文件

【前端】js下载文件(mp4视频图片pdf等) 而不是新窗口直接打开

不打开新窗口进行下载

function download(res) {
   var elemIF = document.createElement("iframe");
   elemIF.src = res;
   elemIF.style.display = "none";
   document.body.appendChild(elemIF);
}

window.open(url, '_blank');

a标签
const ele = document.createElement('a'); //新建一个a标签
ele.setAttribute('href', url);
ele.click();

blob
fetch(url).then((res) =>
res.blob().then((blob) => {
var a = document.createElement('a');
var url = window.URL.createObjectURL(blob);
a.href = url;
a.download = name; // 下载名称
a.click();
window.URL.revokeObjectURL(url);
})
);

点击下载而不是新窗口打开


<!DOCTYPE html>
<html>
<head>
  <title>视频下载</title>
  <script src="https:0.min.js"></script>
</head>
<body>
  <h1>视频下载</h1>
  <button onclick="downloadVideo()">下载视频</button>
 
  <script>
    function downloadVideo() {
      var videoUrl = "https://xxx.com//out/aaa.mp4"; // 替换为你要下载的视频的URL
      var fileName = "video.mp4"; // 下载的文件名
 
      // 创建一个隐藏的a标签
      var a = document.createElement('a');
      a.style.display = 'none';
      document.body.appendChild(a);
 
      // 使用XMLHttpRequest下载视频
      var xhr = new XMLHttpRequest();
      xhr.open('GET', videoUrl, true);
      xhr.responseType = 'blob';
 
      xhr.onload = function() {
        if (xhr.status === 200) {
          // 将视频Blob对象创建一个临时URL
          var videoBlob = xhr.response;
          var url = window.URL.createObjectURL(videoBlob);
 
          // 设置a标签的属性，并触发点击事件进行下载
          a.href = url;
          a.download = fileName;
          a.click();
 
          // 释放URL对象
          window.URL.revokeObjectURL(url);
        }
      };
 
      xhr.send();
    }
  </script>
</body>
</html>

相关阅读:
为什么鸿蒙调用弹窗组件(CommonDialog )却不展示或闪退?
虚拟机部署linux网络连接配置
Linux工具——gcc
【Linux学习】进程概念（上）
向爬虫而生---Redis 探究篇5＜Redis集群刨根问底(1)＞
【无标题】
ELK专栏之Java API操作-02
Java 大厂八股文面试专题-JVM相关面试题垃圾回收算法 GC JVM调优
云服务器玲琅满目的时代，为什么我独爱Amazon EC2 云服务器？
计算机组成原理习题课第三章-1（唐朔飞）

原文地址：https://blog.csdn.net/G971005287W/article/details/132859529

【前端】js下载url文件

【前端】js下载 文件(mp4视频图片pdf等) 而不是新窗口直接打开

点击下载 而不是新窗口 打开

【前端】js下载文件(mp4视频图片pdf等) 而不是新窗口直接打开

点击下载而不是新窗口打开