js下载Word文档

    //方法一function downloadword1() {var url = path + "scripts/plugins/downloadword/操作手册-部署MES企业V2.docx"var list = {url,name: '生产监控日报操作手册',type: 'word'}downloadType(list)}function downloadType(data) {switch (data.type) {case 'img':return downloadImg(data)case 'pdf':return downloadFile(data)case 'word':return downloadFile(data)case 'xlsx':return downloadFile(data)}}function downloadImg(data) {pathToBase64(data.url).then(res => {const link = document.createElement("a");link.href = res;link.setAttribute("download", data.name);document.body.appendChild(link);link.click();link.remove();}).catch(err => {console.log(err);})}function downloadFile(data) {fetchDownloadFile(data)}function fetchDownloadFile(data) {fetch(data.url, {method: "get",mode: "cors",}).then((response) => response.blob()).then((res) => {const downloadUrl = window.URL.createObjectURL(//new Blob() 对后端返回文件流类型处理new Blob([res], {type: data.type == "pdf" ? "application/pdf" : data.type == "word" ?"application/msword" : data.type == "xlsx" ? "application/vnd.ms-excel" : ""}));//word文档为msword,pdf文档为pdfconst link = document.createElement("a");link.href = downloadUrl;link.setAttribute("download", data.name);document.body.appendChild(link);link.click();link.remove();}).catch((error) => {window.open(url);});};//获取Base64function pathToBase64(url) {return new Promise((resolve, reject) => {var image = new Image();image.onload = function () {var canvas = document.createElement('canvas');canvas.width = this.naturalWidth;canvas.height = this.naturalHeight;canvas.getContext('2d').drawImage(image, 0, 0);var result = canvas.toDataURL('image/png')resolve(result);};image.setAttribute("crossOrigin", 'Anonymous');image.src = urlimage.onerror = () => {reject(new Error('urlToBase64 error'));};})}

//方法二
function downloadword2() {
window.open(‘<%=this.config.FileServer %>’+ “/temp/操作手册-部署MES企业V2.docx”);
}

    ///方法三function downloadword() {try {var type = "pdf";if (type == "pdf" || type == "json" || type == "txt") {if (type == "txt") {window.open(path + "scripts/plugins/downloadword/操作手册-部署MES企业V2.docx");}else {window.open(path + "scripts/plugins/downloadword/操作手册-部署MES企业V2.docx");}} else {var elemIF = document.getElementById("Download");elemIF.src = path + "scripts/plugins/downloadword/操作手册-部署MES企业V2.docx";elemIF.style.display = "none";document.body.appendChild(elemIF);}} catch (e) {mini.alert("下载异常！");console.info(e);}}

js下载Word文档相关推荐

是的你没看错，js生成word文档
用js生成word文档查看Demo 你可以生成一份 word 文档,在此文档中可以添加多种元素并设置多种属性. 可添加的元素段落超链接标题表格列表图片可设置的属性 font:字体,比如 ...
java下载word文档到本地
普通的下载功能,不过依然有一个值得关注的重要点--请看到最后! ***HTML***按钮就不上了,你开心设计成button和a我都没有意见: ***JS***代码: function downLoad ...
浅谈Word.Application，关于js操作word文档的使用
这篇文章只是说个人放个笔记在这里,并没有讲解的意思,但为了进来的朋友能知道我在说啥,写的过程中我还是简单介绍一下. 官网地址:https://docs.microsoft.com/zh-cn/offi ...
使用jquery.wordexport.js导出word文档设置行间距不生效问题
在使用jquery.wordexport.js导出word文档时在js里设置的style margin-top不生效生成的doc还是没有行间距一通百度后发现没用解决方法后来发现有位 ...
js导出word文档可以兼容IE8+浏览器适配其他浏览器
js导出word文档,兼容IE8浏览器其他浏览器需要引入两个文件:FileSaver.js 和 jqueryWordExport.js 需要兼容IE8浏览器需要引用:FileSaver.js exc ...
关于java下载Word文档图片显示不全的问题
关于java 从FTP下载Word文档图片显示不全的问题最近想实现这样一个功能,从ftp服务器获取word文档下载下来,但是出现了一下问题: 本地启动的tomcat,可以下载word,图片显示正常: ...
vue如何在线预览及下载word文档
最近遇到个需求,说要在线预览及下载word文档,尝试了很多方法以后,发现有一个方法是比较好用的,故来分享一波,希望大家也可以在评论中告知更多实现的方法~ https://view.officeapps ...
Java预览下载word文档（poi-tl、thymeleaf模板）
主要功能预览word文档生成并下载word文档实现前端Vue代码预览功能主要使用的是docx-preview下载方式如下: npm install docx-preview --save & ...
使用文件流的形式在浏览器下载word文档
一.使用文件流的形式在浏览器下载word文档 String path = "http://172.16.228.130:7300/document/d9dd1ec7e72d4fc6a9e50 ...

js下载Word文档

js下载Word文档相关推荐

最新文章

热门文章