简单的html片段用word文档导出(无需服务处理,只需引入段js即可)

前段时间碰到过 在页面上有个下载按钮    需要把mongoDB 中的html数据在  用word文档导出 看了下poi  特别费劲,esaypoi对word文档导出也不友好,之后找到了一段js   只需把html数据 写在页面上

$("#id").wordExport(导出文件名);

就可以直接导出word文档

 

if(typeof jQuery!=="undefined"&&typeof saveAs!=="undefined"){(function($){$.fn.wordExport=function(fileName){fileName=typeof fileName!=='undefined'?fileName:"jQuery-Word-Export";var static={mhtml:{top:"Mime-Version: 1.0\nContent-Base: "+location.href+"\nContent-Type: Multipart/related; boundary=\"NEXT.ITEM-BOUNDARY\";type=\"text/html\"\n\n--NEXT.ITEM-BOUNDARY\nContent-Type: text/html; charset=\"utf-8\"\nContent-Location: "+location.href+"\n\n<!DOCTYPE html>\n<html>\n_html_</html>",head:"<head>\n<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\">\n<style>\n_styles_\n</style>\n</head>\n",body:"<body>_body_</body>"}};var options={maxWidth:624};var markup=$(this).clone();markup.each(function(){var self=$(this);if(self.is(':hidden'))
    self.remove();});var images=Array();var img=markup.find('img');for(var i=0;i<img.length;i++){var w=Math.min(img[i].width,options.maxWidth);var h=img[i].height*(w/img[i].width);var canvas=document.createElement("CANVAS");canvas.width=w;canvas.height=h;var context=canvas.getContext('2d');context.drawImage(img[i],0,0,w,h);var uri=canvas.toDataURL("image/png");$(img[i]).attr("src",img[i].src);img[i].width=w;img[i].height=h;images[i]={type:uri.substring(uri.indexOf(":")+1,uri.indexOf(";")),encoding:uri.substring(uri.indexOf(";")+1,uri.indexOf(",")),location:$(img[i]).attr("src"),data:uri.substring(uri.indexOf(",")+1)};}
    var mhtmlBottom="\n";for(var i=0;i<images.length;i++){mhtmlBottom+="--NEXT.ITEM-BOUNDARY\n";mhtmlBottom+="Content-Location: "+images[i].location+"\n";mhtmlBottom+="Content-Type: "+images[i].type+"\n";mhtmlBottom+="Content-Transfer-Encoding: "+images[i].encoding+"\n\n";mhtmlBottom+=images[i].data+"\n\n";}
    mhtmlBottom+="--NEXT.ITEM-BOUNDARY--";var styles="";var fileContent=static.mhtml.top.replace("_html_",static.mhtml.head.replace("_styles_",styles)+static.mhtml.body.replace("_body_",markup.html()))+mhtmlBottom;var blob=new Blob([fileContent],{type:"application/msword;charset=utf-8"});saveAs(blob,fileName+".doc");};})(jQuery);}else{if(typeof jQuery==="undefined"){console.error("jQuery Word Export: missing dependency (jQuery)");}
    if(typeof saveAs==="undefined"){console.error("jQuery Word Export: missing dependency (FileSaver.js)");}}
发布了2 篇原创文章 · 获赞 0 · 访问量 397
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览