java 在線給word 文件插入圖片，並設置圖片大小

時間 2019-11-10

標籤 java 在線 word 文件插入圖片設置大小欄目 Java 简体版

原文原文鏈接

1、前言:javascript

有時咱們想在一篇word文檔中的指定位置添加一張服務器上的圖片,而且而且設置圖片大小。這個對文檔的操做必定是須要第三方api的。市面上對文檔處理的插件有POI以及openoffice等等，學習成本很大，關鍵是經過這些插件對文檔的操做功能也是十分有限。html

因此咱們今天就要介紹一箇中間件技術——pageoffice，此中間件技術已經將在web系統操做office文檔的大部分功能整合完畢，你們只須要關注本身web系統的業務邏輯便可，學習成本低，且功能很豐富。下面咱們來實戰將pageoffice集成一下java

2、核心代碼jquery

插入圖片的代碼web

DataRegion dataRegion = worddoc.openDataRegion("PO_開頭的書籤名稱");
dataRegion.setValue("[image]doc/1.jpg[/image]");編程

插入圖片並設置圖片大小的代碼api

data1.setValue("[image width=500.2 height=200]doc/1.jpg[/image]");服務器

注意：500.2單位是磅less

具體實現過程jsp

1.官網http://www.zhuozhengsoft.com/dowm/下載集成文件，引入jar包，配置web.xml

2.在父頁面index.jsp(須要打開文檔的頁面)放一個a標籤或者button

寫a標籤以前先引入pageoffice須要的js文件（js文件的路徑是項目的根目錄下）

<script type="text/javascript" src="/jquery.min.js"></script>
<script type="text/javascript" src="/pageoffice.js" id="po_js_main"></script>

而後添加a標籤

<a href="javascript:POBrowser.openWindowModeless('Word.jsp' , 'width=1200px;height=800px;');">打開文件</a>

3.在父頁面同級目錄下建立一個名爲Word.jsp的文件

<%@ page language="java"
	import="java.util.*,com.zhuozhengsoft.pageoffice.*,com.zhuozhengsoft.pageoffice.wordwriter.*"
	pageEncoding="utf-8"%>
<%
	//******************************卓正PageOffice組件的使用*******************************
	PageOfficeCtrl poCtrl1 = new PageOfficeCtrl(request);
	poCtrl1.setServerPage(request.getContextPath()+"/poserver.zz"); //此行必須

	WordDocument worddoc = new WordDocument();

	//先在要插入word文件的位置手動插入書籤,書籤必須以「PO_」爲前綴
	//給DataRegion賦值,值的形式爲："[word]word文件路徑[/word]、[excel]excel文件路徑[/excel]、[image]圖片路徑[/image]"
	DataRegion data1 = worddoc.openDataRegion("PO_p1");
	data1.setValue("[image width=100  height=100 ]doc/1.jpg[/image]");


	poCtrl1.setWriter(worddoc);
	poCtrl1.setCaption("演示：後臺編程插入圖片到數據區域並設置圖片大小(企業版)");

	

	poCtrl1.webOpen("doc/test.doc", OpenModeType.docNormalEdit, "張三");
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>演示：後臺編程插入圖片到數據區域(專業版、企業版)</title>

</head>
<body>
  
    <form id="form1" style="height: 100%;">
    <div style="height: 700px; width: auto;">
        <!--**************   PageOffice 客戶端代碼開始    ************************-->
        	        <%=poCtrl1.getHtmlCode("PageOfficeCtrl1")%>
        <!--**************   PageOffice 客戶端代碼結束    ************************-->
    </div>
    </form>
</body>
</html>

最終的效果

（1）設置圖片大小爲寬高都爲100 的時候

（2）圖片大小寬高都爲500的時候

啓動項目直接訪問.此時會提示安裝插件,點擊安裝成功後提示註冊,填寫相關信息,填寫註冊碼 I7TGD-71VV-FYD8-4NMYP 就能夠打開文檔.

注意設置圖片大小的功能只有企業版才能支持。