精品成人乱色一区二区,本道在线,欧美在线天堂

【JavaScript】利用jquery.wordexport.js實(shí)現(xiàn)純JS生成導(dǎo)出word文件保存

當(dāng)前位置：點(diǎn)晴教程→知識(shí)管理交流 →『技術(shù)文檔交流』

admin

2023年5月16日 0:43 本文熱度 762

上面文件中已經(jīng)包含本功能中要用到的三個(gè)JS文件，首先你要引入jquery 和FileSaver.js：

1 2	`<script src="../js/jquery-2.1.1.min.js"></script>` `<script src="../js/FileSaver.js"></script>`

一定先引入以上兩文件之后，再引入jquery.wordexport.js：

<script src="../js/jquery.wordexport.js"></script>

需要用到處的內(nèi)容這樣命名，id名字自己隨意，注意對(duì)應(yīng)下方的jquery調(diào)用：

<div id="html2pdf_id">Your content here</div>

使用方法，創(chuàng)建一個(gè)導(dǎo)出Word的按鈕，例如：

1	`<input type="button" value="導(dǎo)出Word" onclick="htm2doc();" />`

js代碼如下：

<script type="text/javascript">
function html2doc() {
	$("#html2pdf_id").wordExport($("#notice_title").val()); //notice_title為儲(chǔ)存了導(dǎo)出Word文件名稱的input控件ID
}
</script>

應(yīng)用過程中可能會(huì)遇到報(bào)錯(cuò)，主要是因?yàn)閳D片導(dǎo)致的！

我是這樣解決的，大概在36行左右，找到如下代碼，按照下方演示注釋，添加相應(yīng)代碼之后，應(yīng)該就可以了：

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;

$('<canvas>').attr("id", "test_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)

// };

}

該文章在 2023/5/16 0:43:52 編輯過

關(guān)鍵字查詢

相關(guān)文章

正在查詢...

點(diǎn)晴ERP是一款針對(duì)中小制造業(yè)的專業(yè)生產(chǎn)管理軟件系統(tǒng),系統(tǒng)成熟度和易用性得到了國內(nèi)大量中小企業(yè)的青睞。

點(diǎn)晴PMS碼頭管理系統(tǒng)主要針對(duì)港口碼頭集裝箱與散貨日常運(yùn)作、調(diào)度、堆場(chǎng)、車隊(duì)、財(cái)務(wù)費(fèi)用、相關(guān)報(bào)表等業(yè)務(wù)管理，結(jié)合碼頭的業(yè)務(wù)特點(diǎn)，圍繞調(diào)度、堆場(chǎng)作業(yè)而開發(fā)的。集技術(shù)的先進(jìn)性、管理的有效性于一體，是物流碼頭及其他港口類企業(yè)的高效ERP管理信息系統(tǒng)。

點(diǎn)晴WMS倉儲(chǔ)管理系統(tǒng)提供了貨物產(chǎn)品管理,銷售管理,采購管理,倉儲(chǔ)管理,倉庫管理,保質(zhì)期管理,貨位管理,庫位管理,生產(chǎn)管理,WMS管理系統(tǒng),標(biāo)簽打印,條形碼,二維碼管理,批號(hào)管理軟件。

點(diǎn)晴免費(fèi)OA是一款軟件和通用服務(wù)都免費(fèi)，不限功能、不限時(shí)間、不限用戶的免費(fèi)OA協(xié)同辦公管理系統(tǒng)。

欧美成人精品手机在线观看_69视频国产_动漫精品第一页_日韩中文字幕网 - 日本欧美一区二区

【JavaScript】利用jquery.wordexport.js實(shí)現(xiàn)純JS生成導(dǎo)出word文件保存