/**原生文件下载*/
//*方式一*
const blob = new Blob([res.data], {
type: 'application/vnd.ms-excel'
});
console.log(blob);
const objectUrl = URL.createObjectURL(blob);
window.location.href = objectUrl;
//*方式二*
const blob = new Blob([res.data], {
type: 'application/vnd.ms-excel'//可指定也可不指定类型
});
var link = document.createElement('a');
link.href = window.URL.createObjectURL(blob);
link.download = fileName;
link.click();
//释放内存
window.URL.revokeObjectURL(link.href);
//*方式三*
<a :href="'/file/' +scope.row.quickMarkUrl" :download="filename">下载</a>
/**原生文件上传*/
//*base64图*
<input type="file" onchange="uploadImg('img',this)"></input>
<div class="img"></div>
function uploadImg(a,file){
if (file.files && file.files[0]){
var src = file.files[0].name;
var type=(src.substr(src.lastIndexOf("."))).toLowerCase();
if(type != ".jpg" && type != ".gif" && type !=".jpeg" && type != ".png"){
alert("您上传图片的类型不符合(.jpg|.jpeg|.gif|.png)!");
return false;
}
var reader = new FileReader();
reader.readAsDataURL(file.files[0]);
reader.onload = function(evt){
document.getElementById(a).innerHTML=`<img class="showimg" src="${evt.srcElement.result}"/ >`
console.log( evt.srcElement.result);
}
}
}
//*文件流图*
<input type="file" onchange="uploadImg(event,this)"></input>
<div class="preview"></div>
var URL = window.URL || window.webkitURL || window.mozURL;
function uploadImg(e, dom) {
var e = event || e;
var fileObj =
dom instanceof HTMLElement ? dom.files[0] : $(dom)[0].files[0];
var container = document.querySelector(".preview");
var img = new Image();
img.src = URL.createObjectURL(fileObj);
img.onload = function () {
container.appendChild(img);
};
}
js下载上传处理数据流
最新推荐文章于 2022-11-25 15:39:29 发布