轉帖|使用教程|編輯:莫成敏|2020-05-20 11:04:28.340|閱讀 452 次
概述:本教程主要介紹WebOffice的入門教程“WebOffice使用Save方法遠程保存文檔”中的第三部分內容,包含運行、設置打開本地服務器的Word文檔、結果調試、設計更為完整的程序等內容。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關鏈接:
WebOffice控件是國內領先的在線編輯Office文檔軟件,軟件產品從1998年立項至今已有20多年歷史,期間服務了眾多大中小型企業、各級政府機關、科研機構和學校等事業單位。通過WebOffice軟件可以讓用戶方便從遠程直接打開Word,Excel,Ppt等文檔編輯后再次保存至服務器原位置,實現遠程編輯文檔、遠程保存,為用戶在線辦公開創新式、便捷的使用體驗。
本教程主要介紹WebOffice的入門教程“WebOffice使用Save方法遠程保存文檔”中的第三部分內容,包含運行、設置打開本地服務器的Word文檔、結果調試、設計更為完整的程序等內容。內容緊接上文!
運行完成以上所有步驟后,打開瀏覽器輸入地址://localhost/weboffice/index.html,依次點擊“查看”鏈接,彈出控件編輯頁面后點擊“打開”按鈕,如果你此時網絡連通,則可以打開網絡上//www.officectrl.com/officecs/temp/file1.doc指定的文檔:
在上圖點擊“保存”按鈕后,如果一切正常,則在C:\WebOfficeSave\目錄下生成 20161108144356.doc文件。
以C#版為例效果如下:
設置打開本地服務器的Word文檔
此步驟假定你已完成上述所有步驟。如要打開本地服務器文檔,在本示例中,可以直接用記事本打開edit.html代碼,修改控件Open方法的指定路徑即可。本示例,可以把地址//www.officectrl.com/officecs/temp/file1.doc 修改為://localhost/weboffice/20161108144356.doc從而實現本地服務器文檔打開保存,以C#為例修改后代碼如下:
<!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方法打開個一個服務器文檔 //此處服務器文檔地址為://localhost/weboffice/20161108144356.doc WebOffice.Open("http://localhost/weboffice/20161108144356.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>
修改完成后,即可測試本示例。
如果一切正常,則運行上述程序,將實現本地服務器C:\WebOfficeSave\20161108144356.doc的遠程打開和保存。
結果調試
如果上述保存接收器程序發生錯誤,如何調試?則需要通過讀取控件Save方法后的網頁返回值,要得到此返回值,只需要Js代碼里設置相應變量接收Save函數返回即可。示例代碼如下:
var msg = WebOffice.Save('//localhost/weboffice/save.aspx');
上述代碼執行后,msg變量將存儲網頁地址//localhost/weboffice/save.aspx的網頁內容。可以通過alert(msg);語句實現查看此返回值內容。
通過上述原理,修改edit.html代碼為:
<!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方法打開個一個服務器文檔 //此處服務器文檔地址為://localhost/weboffice/20161108144356.doc WebOffice.Open("http://localhost/weboffice/20161108144356.doc",false,"Word.Document"); } function OpenSave() { var msg = WebOffice.Save('//localhost/weboffice/save.aspx'); alert(msg); } </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>
設計更為完整的程序
本示例運行時,如果用戶在未打開文檔時直接單擊保存按鈕,將發生JS運行錯誤,為避免此情況發生可以通過程序進行判斷,只有當打開WORD文檔時才充許保存,基本JS代碼可以如下實現:
<!DOCTYPE html><html> <head><meta http-equiv="content-type" content="text/html;charset=utf-8"> <title></title> </head> <script language="javascript"> var isOpen=false; function OpenDoc() { //取得WebOffice對象 var WebOffice=document.getElementById("WebOffice"); //通過對象WebOffice的Open方法打開個一個服務器文檔 //此處服務器文檔地址為://localhost/weboffice/20161108144356.doc WebOffice.Open("http://localhost/weboffice/20161108144356.doc",false,"Word.Document"); isOpen=true; } function OpenSave() { if(isOpen) { var msg = WebOffice.Save('//localhost/weboffice/save.aspx'); alert(msg); } } </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>
相關內容推薦:
試用下載>>>
WebOffice入門教程:Hello World!(一)打開服務器文檔
WebOffice入門教程:Hello World!(二)設計WebOffice控件加載頁
WebOffice入門教程:Hello World!(三)修改第一個WebOffice程序的文件編碼
WebOffice的入門教程:WebOffice使用Save方法遠程保存文檔(一)
WebOffice的入門教程:WebOffice使用Save方法遠程保存文檔(二)
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自: