wordpress建站系统,网站建设好之后怎么上传东西,产品设计公司介绍,lnmp安装新版wordpress前端word文档下载文件时不预览直接下载方法支持 doc / excel / ppt / pdf 等
根据需要#xff0c;要实现一个下载文档的需要 最简单的方法就是使用a标签 如果是相同域可以直接下载#xff0c;但如果是不同域的#xff0c;就会先打开一个预览页#xff0c;在预览页再点下载…前端word文档下载文件时不预览直接下载方法支持 doc / excel / ppt / pdf 等
根据需要要实现一个下载文档的需要 最简单的方法就是使用a标签 如果是相同域可以直接下载但如果是不同域的就会先打开一个预览页在预览页再点下载。 但其实我希望得到的效果是当我点击下载时可以直接下载不要预览可以使用如下方法 代码如下
const downloadRecordHandler (url) {console.log(url, url);let filename xxxxxxx; //文件名getBlob(url).then((blob) {saveAs(blob, filename);});};const getBlob (url) {return new Promise((resolve) {const xhr new XMLHttpRequest();xhr.open(GET, url, true);xhr.responseType blob;xhr.onload () {if (xhr.status 200) {resolve(xhr.response);}};xhr.send();});};const saveAs (blob, filename) {if (window.navigator.msSaveOrOpenBlob) {navigator.msSaveBlob(blob, filename);} else {const link document.createElement(a);const body document.querySelector(body);link.href window.URL.createObjectURL(blob);link.download filename;link.style.display none;body.appendChild(link);link.click();body.removeChild(link);window.URL.revokeObjectURL(link.href);}};这样就实现了我想要的效果。