首页 > 其他分享 >通过a标签,下载图片

通过a标签,下载图片

时间:2023-03-09 14:36:49浏览次数:27  
标签:msSaveBlob const 标签 filename window blob navigator 下载 图片

代码

    // 图片下载
    onDownload(filepath, filename) {
      const x = new XMLHttpRequest()
      x.open('GET', filepath, true)
      x.responseType = 'blob'
      x.onload = function () {
        const blob = x.response
        const url = window.URL.createObjectURL(blob)
        // 判断是否是IE浏览器
        if (window.navigator.msSaveBlob) {
          try {
            window.navigator.msSaveBlob(blob, filename)
          } catch (e) {
          }
        } else {
          const a = document.createElement('a')
          a.href = url
          a.download = filename
          a.click()
        }
      }
      x.send()
    },

标签:msSaveBlob,const,标签,filename,window,blob,navigator,下载,图片
From: https://www.cnblogs.com/chunyouqudongwuyuan/p/17198258.html

相关文章

  • 博客粘贴word图片且图片文件自动上传功能
    ​图片的复制无非有两种方法,一种是图片直接上传到服务器,另外一种转换成二进制流的base64码目前限chrome浏览器使用首先以um-editor的二进制流保存为例:打开umeditor.js,......
  • c# - 文件流下载-自定义工具
    //需要文件字节流、带后缀的文件名,mine类型publicstaticvoidexportFile(byte[]data,stringfileName,stringmine){HttpContext.Current.R......
  • opencv重叠图片
    voidtest(){cv::Matimage_mat1=cv::imread("/home/oem/8_temp/maps/地图1/map.pgm");cv::Matimage_mat2=cv::imread("/home/oem/8_temp/maps/地图1/ma......
  • Blog粘贴word图片且图片文件自动上传功能
    ​如何做到ueditor批量上传word图片?1、前端引用代码<!DOCTYPE html PUBLIC "-//W3C//DTDXHTML1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-......
  • SQL SERVER 下载地址
    SQLServer2019Enterprise(x64)-DVD(Chinese-Simplified)企业版ed2k://|file|cn_sql_server_2019_enterprise_x64_dvd_2bfe815a.iso|1632086016|58C258FF0F1D006DD3......
  • CSDN粘贴word图片且图片文件自动上传功能
    ​ 在之前在工作中遇到在富文本编辑器中粘贴图片不能展示的问题,于是各种网上扒拉,终于找到解决方案,在这里感谢一下知乎中众大神以及TheViper。通过知乎提供的思路找到粘......
  • 一键下载小红书热门笔记封面
    功能、效果说明我一直在做分析小红书热门笔记,用于创作自己的笔记内容。为了想知道什么样的笔记封面更受欢迎。我就用python写了个批量下载热门笔记封面的工具。效果演......
  • 上传数据、下载模板文件解决方案(前端:antd;后端:.Net Core WebAPI)
    上传数据、下载模板文件解决方案(前端:antd;后端:.NetCoreWebAPI) 阅读目录一、Excel模板下载二、上传Excel表格三、.NetCore3.0WebAPI文件接收与解析 ......
  • Google Chrome 开启多下载下载,提高文件下载速度
    在地址栏输入:chrome://flags/#enable-parallel-downloadingParalleldownloading改为Enabled后重启浏览器即可打开多线程下载(多线程下载可提高部分浏览器下载文件的速......
  • 下载功能
    letobjectUrl=window.URL.createObjectURL(res);leta=document.createElement("a");a.href=objectUrl;//文件流生成的urla.downlo......