zoukankan      html  css  js  c++  java
  • js 前端不调接口直接下载图片

    // 下载图片 
          downPhoto (path) {
            this.downloadFiles(path)
          },
          // 下载
          downloadFiles (content) {
            console.log(content)
            const downloadElement = document.createElement('a')  // 创建下载的链接
            let blob = this.base64ToBlob(content) // new Blob([content]);
            const href = window.URL.createObjectURL(blob)
            downloadElement.href = href
            downloadElement.download = '参保人相片.jpg'  // 下载后的文件名
            document.body.appendChild(downloadElement)
            downloadElement.click() // 下载
            document.body.removeChild(downloadElement) // 下载完成 移除 a
            window.URL.revokeObjectURL(href) // 释放blob对象
          },
          // base64转blob
          base64ToBlob(code) {
            let parts = code.split(';base64,')
            let contentType = parts[0].split(':')[1]
            let raw = window.atob(parts[1])
            let rawLength = raw.length
            let uInt8Array = new Uint8Array(rawLength)
            for (let i = 0; i < rawLength; ++i) {
              uInt8Array[i] = raw.charCodeAt(i)
            }
            return new Blob([uInt8Array], {type: contentType})
          },
    <button  class="cancel-btn cursor" @click="downPhoto(dataDetail.photo64Byte)">下载图片</button>
  • 相关阅读:
    CSS复合选择器
    CSS样式规则及字体样式
    jQuery 样式操作
    jQuery 选择器
    jQuery 的基本使用
    jQuery 介绍
    本地存储
    移动端常用开发框架
    移动端常用开发插件
    移动端click 延时解决方案
  • 原文地址:https://www.cnblogs.com/arealy/p/11051721.html
Copyright © 2011-2022 走看看