vue 下载文件到本地

2021-09-30  本文已影响0人  天天喜欢钱

1、下载download.js文件放到项目关联文件夹下

http://danml.com/js/download2.js

2、index.html文件中引入

<script src="<%= BASE_URL %>util/download2.js"></script>

3、使用

实际使用

/*

    * 使用download.js 强制浏览器下载图片、视频等文件

    * @param {any} url url链接地址

    * @param {any} strFileName 文件名

    * @param {any} strMimeType 文件类型

    * dzl

    * 2020年5月8日

    */

    downloadfile(url, strFileName, strMimeType) {

      var xmlHttp = null;

       if (window.ActiveXObject) {

         // IE6, IE5 浏览器执行代码

       xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

       } else if (window.XMLHttpRequest) {

        // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码

        xmlHttp = new XMLHttpRequest();

      // }

      //2.如果实例化成功,就调用open()方法:

      if (xmlHttp != null) {

        xmlHttp.open("get", url, true);

        xmlHttp.responseType = 'blob';//关键

        xmlHttp.send();

        xmlHttp.onreadystatechange = doResult; //设置回调函数

      }

      function doResult() {

        if (xmlHttp.readyState == 4) { //4表示执行完成

          if (xmlHttp.status == 200) { //200表示执行成功

            download(xmlHttp.response, strFileName, strMimeType);

          }

        }

      }

    },

4,举例

let imgUrl = 'https://img2.baidu.com/it/u=2108319215,1494231136&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=690'

let arr = imgUrl.split('/')

this.downloadfile(imgUrl, arr[arr.length-1], "image/jpeg");

参考:https://www.jb51.net/article/186215.htm

上一篇 下一篇

猜你喜欢

热点阅读