vue3实现在线视频与图片下载到本地

 

 

// 仅支持视频下载和图片下载
function downLoad(item) {
  let url = item.url;
  // let fileName = url.slice(url.lastIndexOf("/") + 1); //下载的文件名换成自己的
  let fileName = item.title; //dayjs
  var xhr = new XMLHttpRequest();
  xhr.open("GET", url, true);
  xhr.responseType = "blob"; // 返回类型blob
  xhr.onload = () => {
    if (xhr.readyState === 4 && xhr.status === 200) {
      let blob = xhr.response;
      let downLoadUrl = window.URL.createObjectURL(
        new Blob([blob], {
          type: item.type === "video" ? "video/mp4" : "image/jpeg",
        })
      );
      let a = document.createElement("a");
      a.download = fileName;
      a.href = downLoadUrl;
      a.style.display = "none";
      document.body.appendChild(a);
      a.click();
      a.remove();
    }
  };
  xhr.send();
}