jQuery插件wordexport.js

张开发
2026/4/11 1:00:41 15 分钟阅读

分享文章

jQuery插件wordexport.js
由于工作需要将一个页面导出word文档主要是简历经过百度搜索之后没找到结果无奈之下只能求助Google意外发现jquery一款插件可以实现这个功能而且效果还算可以基本可以实现想要的功能首先需要的js文件如下贴出github地址大家自由下载https://github.com/eligrey/FileSaver.js/https://github.com/markswindoll/jQuery-Word-Export首先你要引入jquery 和FileSaver.js一定先引入以上两文件之后再引入jquery.wordexport.js需要到处的内容这样命名,id名字自己随意注意对应下方的jquery调用Your content here使用方法创建一个导出的按钮例如导出js代码如下希望对你有用应用过程中可能会遇到报错主要是因为图片导致的我是这样解决的大概在36行左右找到如下代码按照下方演示注释添加相应代码之后应该就可以for (var i 0; i img.length; i) { // Calculate dimensions of output image var w Math.min(img[i].width, options.maxWidth); var h img[i].height * (w / img[i].width); // Create canvas for converting image to data URL //这是添加的代码-------------------------------------------- var img_id #img[i].id; $(‘‘).attr(id, xzhiliao_resume_word_img_ i).width(w).height(h).insertAfter(img_id); //------------------------------------------------- //下面是注释的代码 // var canvas document.createElement(CANVAS); // canvas.width w; // canvas.height h; // // Draw image to canvas // var context canvas.getContext(‘2d‘); // context.drawImage(img[i], 0, 0, w, h); // // Get data URL encoding of image // var uri canvas.toDataURL(image/png); // $(img[i]).attr(src, img[i].src); // img[i].width w; // img[i].height h; // // Save encoded image to array // 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) // }; }

更多文章