www.久草.com,买马赚钱软件下载,国产高清在线精品一区αpp

【JavaScript】利用jquery.wordexport.js實現純JS生成導出word文件保存

admin

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

上面文件中已經包含本功能中要用到的三個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>

需要用到處的內容這樣命名，id名字自己隨意，注意對應下方的jquery調用：

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

使用方法，創建一個導出Word的按鈕，例如：

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

js代碼如下：

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

應用過程中可能會遇到報錯，主要是因為圖片導致的！

我是這樣解決的，大概在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;

$('<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 編輯過

點晴ERP是一款針對中小制造業的專業生產管理軟件系統,系統成熟度和易用性得到了國內大量中小企業的青睞。

點晴PMS碼頭管理系統主要針對港口碼頭集裝箱與散貨日常運作、調度、堆場、車隊、財務費用、相關報表等業務管理，結合碼頭的業務特點，圍繞調度、堆場作業而開發的。集技術的先進性、管理的有效性于一體，是物流碼頭及其他港口類企業的高效ERP管理信息系統。

點晴WMS倉儲管理系統提供了貨物產品管理,銷售管理,采購管理,倉儲管理,倉庫管理,保質期管理,貨位管理,庫位管理,生產管理,WMS管理系統,標簽打印,條形碼,二維碼管理,批號管理軟件。

點晴免費OA是一款軟件和通用服務都免費，不限功能、不限時間、不限用戶的免費OA協同辦公管理系統。

狠狠色丁香婷婷综合尤物/久久精品综合一区二区三区/中国有色金属学报/国产日韩欧美在线观看 - 国产一区二区三区四区五区tv

【JavaScript】利用jquery.wordexport.js實現純JS生成導出word文件保存