轉帖|使用教程|編輯:莫成敏|2020-05-13 13:52:41.260|閱讀 636 次
概述:本教程主要介紹WebOffice的入門教程“WebOffice使用Save方法遠程保存文檔?”中的第二部分內容,包含設計接收器代碼、確保接收器代碼是否正常工作、調用Save方法保存等內容。?
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關鏈接:
WebOffice控件是國內領先的在線編輯Office文檔軟件,軟件產品從1998年立項至今已有20多年歷史,期間服務了眾多大中小型企業、各級政府機關、科研機構和學校等事業單位。通過WebOffice軟件可以讓用戶方便從遠程直接打開Word,Excel,Ppt等文檔編輯后再次保存至服務器原位置,實現遠程編輯文檔、遠程保存,為用戶在線辦公開創新式、便捷的使用體驗。
本教程主要介紹WebOffice的入門教程“WebOffice使用Save方法遠程保存文檔”中的第二部分內容,包含設計接收器代碼、確保接收器代碼是否正常工作、調用Save方法保存等內容。內容緊接上文!
設計接收器代碼
可以使用Jsp腳本語言接收控件保存后發到服務器的數據,如果是.net,可以使用C#語言接收控件保存后發到服務器的數據,同理PHP語言可以使用PHP腳本接收數據等等。
本示例關于jsp,php,c#,asp等接收腳本已為您準備好,所以要運行本示例,您不必要編寫此接收腳本程序(接收器)。
選擇以下對應語言的腳本接收器代碼,然后右鍵另存為...,將此代碼文件保存到本示例的C:\WebOfficeSave目錄下,并命名為:save.jsp、save.php、save.aspx、save.aspx.cs或save.asp
JAVA/JSP接收腳本:save.jsp
C#接收腳本:save.aspx save.aspx.cs
Php接收腳本:save.php
Asp接收腳本: save.asp
確保接收器代碼是否正常工作
1、下載測試html網頁,選擇以下test.html鏈接,然后右鍵另存為...,將此代碼文件保存到本示例的C:\WebOfficeSave目錄下
測試使用的html網頁:
2、修改test.html網頁代碼的action地址,如果您使用的jsp語言,則修改action值為save.jsp,如果是c#,則修改action的值為save.aspx,同理php則為action=save.php,見下面代碼:
C#測試:
本頁面用于測試save.jsp,save.aspx,save.php,save.asp,請在下面選擇文件后,點擊提交!<br><br><br> <form enctype="multipart/form-data" method="post" action="save.aspx" name="frm"> <input type="file" value="" name=file1> <input type="submit" value="提交測試上傳接收器是否正確保存文件" /> </form>
Jsp測試:
本頁面用于測試save.jsp,save.aspx,save.php,save.asp,請在下面選擇文件后,點擊提交!<br><br><br> <form enctype="multipart/form-data" method="post" action="save.jsp" name="frm"> <input type="file" value="" name=file1> <input type="submit" value="提交測試上傳接收器是否正確保存文件" /> </form>
Php測試:
本頁面用于測試save.jsp,save.aspx,save.php,save.asp,請在下面選擇文件后,點擊提交!<br><br><br> <form enctype="multipart/form-data" method="post" action="save.php" name="frm"> <input type="file" value="" name=file1> <input type="submit" value="提交測試上傳接收器是否正確保存文件" /> </form>
3、運行test.html
在瀏覽器地址欄輸入://localhost/weboffice/test.html,如果一切顯示正常,是將看到下圖:
上圖點擊選擇文件按鈕,在本地電腦選擇一個文本文件也可以WORD文檔等,然后點擊:提交測試上傳接收器是否正確保存文件 按鈕后等待網頁跳轉到SAVE頁面后,再打開資源管理器的本示目錄C:\WebOfficeSave,將看下一個名為:20161108144356.doc 文檔生成。此時生成的 20161108144356.doc是一個帶格式的form表單數據。可以用記事本打開查看生成的內容。如果能看到類似下面:
------WebKitFormBoundaryaPxXunO4odcgtgwt Content-Disposition: form-data; name="file1"; filename="ntuser.ini" Content-Type: application/octet-stream
則表示接收器已正常工作,能正確接收控件用Save方法保存時的數據。
調用Save方法保存
用記事本打開edit.html代碼,為前面加入的保存按鈕加入OpenSave()函數的Javascript代碼實現,完成后效果如下:
如果用C#代碼實現,則在Save方法保存時用Save.aspx:
<title></title> </head> <script language="javascript"> function OpenDoc() { //取得WebOffice對象 var WebOffice=document.getElementById("WebOffice"); //通過對象WebOffice的Open方法打開個一個服務器文檔 //此處服務器文檔地址為://www.officectrl.com/officecs/temp/file1.doc WebOffice.Open("http://www.officectrl.com/officecs/temp/file1.doc",false,"Word.Document"); } function OpenSave() { WebOffice.Save('//localhost/weboffice/save.aspx'); } </script> <body><div><input type=button onclick="OpenDoc();" value="打開"><input type=button onclick="OpenSave();" value="保存"></div> <script language="javascript"> if (!!window.ActiveXObject || "ActiveXObject" in window){ document.write('<object classid="clsid:FF09E4FA-BFAA-486E-ACB4-86EB0AE875D5" codebase="WebOffice.ocx#Version=2019,1,7,3" id="WebOffice" width="900" height="700" >'); document.write('</object>');} else { document.write('<object id="WebOffice" CLSID="{FF09E4FA-BFAA-486E-ACB4-86EB0AE875D5}" TYPE="application/x-itst-activex" width=100% height=900></object>'); } </script> </body> </html>
Jsp代碼實現:
<!DOCTYPE html><html> <head><meta http-equiv="content-type" content="text/html;charset=utf-8"> <title></title> </head> <script language="javascript"> function OpenDoc() { //取得WebOffice對象 var WebOffice=document.getElementById("WebOffice"); //通過對象WebOffice的Open方法打開個一個服務器文檔 //此處服務器文檔地址為://www.officectrl.com/officecs/temp/file1.doc WebOffice.Open("http://www.officectrl.com/officecs/temp/file1.doc",false,"Word.Document"); } function OpenSave() { WebOffice.Save('//localhost/weboffice/save.jsp'); } </script> <body><div><input type=button onclick="OpenDoc();" value="打開"><input type=button onclick="OpenSave();" value="保存"></div> <script language="javascript"> if (!!window.ActiveXObject || "ActiveXObject" in window){ document.write('<object classid="clsid:FF09E4FA-BFAA-486E-ACB4-86EB0AE875D5" codebase="WebOffice.ocx#Version=2019,1,7,3" id="WebOffice" width="900" height="700" >'); document.write('</object>');} else { document.write('<object id="WebOffice" CLSID="{FF09E4FA-BFAA-486E-ACB4-86EB0AE875D5}" TYPE="application/x-itst-activex" width=100% height=900></object>'); } </script> </body> </html>
Php代碼實現:
<!DOCTYPE html><html> <head><meta http-equiv="content-type" content="text/html;charset=utf-8"> <title></title> </head> <script language="javascript"> function OpenDoc() { //取得WebOffice對象 var WebOffice=document.getElementById("WebOffice"); //通過對象WebOffice的Open方法打開個一個服務器文檔 //此處服務器文檔地址為://www.officectrl.com/officecs/temp/file1.doc WebOffice.Open("http://www.officectrl.com/officecs/temp/file1.doc",false,"Word.Document"); } function OpenSave() { WebOffice.Save('//localhost/weboffice/save.php'); } </script> <body><div><input type=button onclick="OpenDoc();" value="打開"><input type=button onclick="OpenSave();" value="保存"></div> <script language="javascript"> if (!!window.ActiveXObject || "ActiveXObject" in window){ document.write('<object classid="clsid:FF09E4FA-BFAA-486E-ACB4-86EB0AE875D5" codebase="WebOffice.ocx#Version=2019,1,7,3" id="WebOffice" width="900" height="700" >'); document.write('</object>');} else { document.write('<object id="WebOffice" CLSID="{FF09E4FA-BFAA-486E-ACB4-86EB0AE875D5}" TYPE="application/x-itst-activex" width=100% height=900></object>'); } </script> </body> </html>
以上代碼可以看出,不同語言集成保存功能代碼是一樣的,只是在保存時的路徑分別改成應語言的代碼文件,如C#的是Save.aspx,Jsp的是Save.jsp,Php的是Save.php,Asp的是Save.asp等等。
本教程尚未完結,敬請期待后續內容~
相關內容推薦:
WebOffice入門教程:Hello World!(一)打開服務器文檔
WebOffice入門教程:Hello World!(二)設計WebOffice控件加載頁
WebOffice入門教程:Hello World!(三)修改第一個WebOffice程序的文件編碼
WebOffice的入門教程:WebOffice使用Save方法遠程保存文檔(一)
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自: