WebOffice快速集成入门教程:HttpPost方法保存文档

如要实现：HttpPost方法保存文档

前提条件

请你确认是否具备如下知识条件：

阅读本节教程，我们假定您已阅读《如何快速打开一个WORD文档》《引入JS文件快速打开文档》《生成菜单及响应事件》教程，如果还没有，请前往学习：《如何快速打开一个WORD文档》《引入JS文件快速打开文档》《生成菜单及响应事件》

使用方法

本教程的里所述的大部代码，用户不一定要通过手工编写，可以直接复制到记事本里保存为网页文件扩展名.html的文件即可用浏览器测试。

开始工作

要实现快速集成保存文档，请您按如下步骤执行：

1、建立项目文件

找到《生成菜单及响应事件》教程里示例文件，或点此下载:lession2_09.rar解压出来即可。找到index.html,将里面的代码： strUrl = strUrl +'&-&OpenUrl:http://www.officectrl.com/weboffice/temp/file1.doc'; 修改为： strUrl = strUrl +'&-&OpenUrl:BaseAddr:file1.doc'; 意思是file1.doc采用项目文件夹里的file1.doc文件。在项目文件夹index.html同级目录里生成file1.doc或拷贝一个WORD文档后改名为：file1.doc。

2、设计httppost接收器代码

接收器如何编写及运作原理，请先学习《WebOffice使用HttpPost方法远程保存文档》的内容。

本节教程假定采用c#语言为后台接收器语言，并假定接收器的地址为：http://localhost:81/cs/postsave.aspx

本示例接收器代码可以如下下载：

JAVA/JSP接收脚本：postsave.jsp

C#接收脚本：postsave.aspx

Php接收脚本：postsave.php

Asp接收脚本: postsave.asp

3、设置JS代码提交至接收器地址

找到上述第1步里的项目文件夹，找到weboffice.js并打开，在function Menu_50102()函数的实现处写入WebOffice提交保存的httppost相关接口及参数。具体写法如下：

WebOffice.HttpInit();
WebOffice.HttpAddPostString("fname", 'file1.doc');//用于传递参数pfile,值为file1.doc，此值供下面接收器保存文件时使用。	
var bGetDoc=WebOffice.HttpAddPostCurrFile("docfile","");//固定语句，通过此行控件会自动把WORD文档进行上传。
var strResults=WebOffice.HttpPost('http://localhost:81/cs/postsave.aspx'); 
alert('已保存成功!');

WebOffice.HttpPost('http://localhost:81/cs/postsave.aspx');此行代码里的地址http://localhost:81/cs/postsave.aspx应根据实际接收器地址设置。由于本示例假定为此地址，所以可以这样编写。

上面http://localhost:81/cs/postsave.aspx里的postsave.aspx文件与第一步产生的项目文件放在同一目录，这样项目文件夹里同时有：file1.doc,index.html,weboffice.js,postsave.aspx,postsave.aspx.cs等文件。如果接收器的文件与index.html等不在同一文件夹，则访问index.html与postsave.aspx的网址是不同，从而代码设定的接收器地址要设置为实际的接收器地址。

4、测试

本示例假定用C#语言进行项目浏览，在地址栏http://localhost:81/cs/index.html 访问项目,打开WORD文档后，修改文档内容，点击菜单栏里的保存文件按钮即可将修改后的文档内容保存。

本示例教程源代码下载：lession2_11.rar。

5、配置动态接收器地址

1、打开上述示例里的index.html,在代码：

strUrl = strUrl +'&-&OpenUrl:BaseAddr:file1.doc';

的下面加入一行代码：

strUrl = strUrl +'&-&HttpSaveUrl:BaseAddr:postsave.asp';

完成后index.html代码如下：

<html>
<head>
</head>
<script language="javascript" type ="text/javascript">
///////////////////////////////////////////////////////////////////
///以下代码采用JS自动检测浏览器地址栏的根地址,并返回相关数据
var varpath = decodeURI(window.location.pathname);
var varhost=window.location.host; 
var strRoot;
if (varhost=='')
{
	//使用本地机地址打开此页面，地址类似于：file:///c:/***/index.html	
	strRoot = varpath.substring(1,varpath.lastIndexOf('/')+1);//取得打开、保存路径 
	if (strRoot =='')strRoot = varpath.substring(1,varpath.lastIndexOf('\\')+1);
	
}else
{
	//使用网络地址运行本页面,地址类似于: http://localhost/*/index.html
	varpro=window.location.protocol;
	strRoot= varpro + "//" + varhost + "/" + varpath.substring(1,varpath.lastIndexOf('/')+1);
	if (strRoot =='')strRoot = varpath.substring(1,varpath.lastIndexOf('\\')+1);
}
////以上JS代码目的是取得 strRoot 的值
////////////////////////////////////////////////
var strUrl = 'BaseAddr:'+strRoot;//BaseAddr  一般是项目的发布路径 strRoot 的值，strRoot 的值通过浏览器地址栏检测出，也可以直接由程序写定。
strUrl = strUrl + '&-&jsfile:BaseAddr:weboffice.js';//jsfile指定控件运行的Javascript API接口函数库的js代码文件名称 BaseAddr: 经控件解析执行后即为上面 strRoot 的值
strUrl = strUrl + '&-&jsutf8:0';//Javascript API接口函数库的js代码文件的编码格式 当值为1时表示是：utf-8，0为gb2312
strUrl = strUrl +'&-&jsonload:setMenu,OpenFile'; 
strUrl = strUrl +'&-&OpenUrl:BaseAddr:file1.doc';
strUrl = strUrl +'&-&HttpSaveUrl:BaseAddr:postsave.aspx';
strUrl = strUrl +'&-&DocType:doc';
function OpenDoc()
{
window.open('WebView://|Officectrl.com|' + encodeURI(strUrl),'_self');
}
</script>
<body><a href="javascript:OpenDoc();">查看</a>
</body>
</html>

2、打开weboffice.js修改

var strResults=WebOffice.HttpPost('http://localhost:81/cs/postsave.aspx');

代码为：

var strResults=WebOffice.HttpPost(HttpSaveUrl);

完成后：

WebOffice.HttpInit();
WebOffice.HttpAddPostString("fname", 'file1.doc');//用于传递参数pfile,值为file1.doc，此值供下面接收器保存文件时使用。	
var bGetDoc=WebOffice.HttpAddPostCurrFile("docfile","");//固定语句，通过此行控件会自动把WORD文档进行上传。
var strResults=WebOffice.HttpPost(HttpSaveUrl); 
alert('已保存成功!');

3、测试

本示例教程源代码下载：lession2_12.rar。