关于javascript:js-vue-实现文件下载

这个根本能够满足下载的需要，包含文件，pdf，video，下载图片不行fileUrl：文件源的残缺地址    var x = new XMLHttpRequest();    x.open("GET", fileUrl, true);    x.responseType = "blob";    let that = this;    x.onprogress = function(event) {     //在这里监听文件下载的进度    };    x.onload = function(e) {      var url = window.URL.createObjectURL(x.response);      var a = document.createElement("a");      a.href = url;      a.download = "未命名"; //能够填写默认的下载名称      a.click();    };    x.send();    下载图片    var image = new Image();    // 解决跨域 Canvas 净化问题    image.setAttribute("crossOrigin", "anonymous");    image.onload = function() {    var canvas = document.createElement("canvas");    canvas.width = image.width;    canvas.height = image.height;    var context = canvas.getContext("2d");    context.drawImage(image, 0, 0, image.width, image.height);    var url = canvas.toDataURL("image/png"); // 失去图片的base64编码数据    var a = document.createElement("a"); // 生成一个a元素    var event = new MouseEvent("click"); // 创立一个单击事件    a.download = "图片"; // 设置图片名称    a.href = url; // 将生成的URL设置为a.href属性    a.dispatchEvent(event); // 触发a的单击事件    }; 这种能够实现图片的下载，借鉴了某位博主的帖子，具体忘了， 侵权请分割qq 896978695