• js javascript 下载url为文件 下载项目里的文件


    下载项目里的文件

    // F:\projectCode\xxx-client\src\excel\pointTmt.xlsx
    
    import eventTemplate from '@/excel/pointTmt.xlsx'
    
    <a download="埋点文档格式规范.xlsx" :href="eventTemplate"> 埋点文档格式规范 </a>

    下载url为文件

    // const URL = window.URL || window.webkitURL || window.moxURL

    当参数不是blob时需要生成blob

    https://www.cnblogs.com/dhjy123/p/14988142.html

    // const blob = new Blob([res])
    function openDownloadDialog (url, saveName) {
        if (typeof url === 'object' && url instanceof Blob) {
          url = URL.createObjectURL(url)
        }
        var aLink = document.createElement('a')
        aLink.href = url
        aLink.download = saveName || ''
        var event
        if (window.MouseEvent) event = new MouseEvent('click')
        else {
          event = document.createEvent('MouseEvents')
          event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null)
        }
        aLink.dispatchEvent(event)
      }
    
      openDownloadDialog(sheet2blob(sheet), xmlName + '.xlsx')

     2、

    const retData = await this.$api.userGroup.getOssFile(data.url)
      this.handleSaveAs(retData, record.title, record.id)
    
    
        handleSaveAs(blob, filename, id) {
          if (window.navigator.msSaveOrOpenBlob) {
            navigator.msSaveBlob(blob, filename)
          } else {
            const link = document.createElement('a')
            const body = document.querySelector('body')
            link.href = window.URL.createObjectURL(blob)
            link.download = filename
            // fix Firefox
            link.style.display = 'none'
            body.appendChild(link)
            link.click()
            body.removeChild(link)
            window.URL.revokeObjectURL(link.href)
          }
        }
  • 相关阅读:
    vant框架的select下拉框
    监听滚轴高度
    关于使用iframe的父子页面进行简单的相互传值
    vue监听移动端物理返回
    vue+ElementUI项目中,input只能输入正整数的验证
    移动端公共样式
    协程嵌套协程
    基础知识
    汉化包
    .ui转.py文件命令
  • 原文地址:https://www.cnblogs.com/dhjy123/p/15471012.html
Copyright © 2020-2023  润新知