vue 文件流下载

/**

 * 文件转为文件流

 * @param {file} file //文件

 */

export function getFileBlob(file) {

  var dataUrl

  var reader = new FileReader()

  reader.readAsDataURL(file) // 读取文件内容，读取完成,result属性中将包含一个data: URL格式的字符串以表示所读取文件的内容。

  // fr.readAsBinaryString(file) 读取文件内容，读取完成，result属性中将包含所读取文件的原始二进制数据。

  // fr.readAsText(file) 读取文件内容,读取完成,result属性中将包含一个字符串以表示所读取的文件内容。

  // fr.readAsArrayBuffer(file) 读取文件内容,读取完成,result 属性中保存的将是被读取文件的 ArrayBuffer 数据对象.

  reader.onload = function () { // 文件读取成功回调

    dataUrl = reader.result // result属性为data:URL格式,与读取方式有关

    // 返回地址url

    // return dataUrl

    if (window.navigator && window.navigator.msSaveOrOpenBlob) {

      // var blobFile = new Blob([dataUrl])

      const blobFile = new Blob([file])

      const fileName = file.name

      window.navigator.msSaveOrOpenBlob(blobFile, fileName)

    } else {

      const elink = document.createElement('a')

      elink.download = file.name

      elink.style.display = 'none'

      elink.href = dataUrl

      document.body.appendChild(elink)

      elink.click()

      URL.revokeObjectURL(elink.href) // 释放URL 对象

      document.body.removeChild(elink)

    }

  }

}

 

 本文出自于https://www.cnblogs.com/sws-kevin/p/15267369.html 转载请注明出处,否则会追究。