eWebEditor帮助文档 V15.3 : 开发手册 : 代码实例 : 远程文件自动上传

3.10.3 远程文件自动上传

此例演示了如何利用eWebEditor提供的Client API实现远程文件自动上传。

要正常使用此代码，请把代码中的"ewebeditor.htm"文件的路径定位到eWebEditor实际的存放的路径。

此例打包在系统的压缩包例子目录中: _example/remote.asp(.php/.aspx/.jsp)

<HTML>

<HEAD>

<TITLE>eWebEditor ：远程文件自动上传示例</TITLE>

</HEAD>

<BODY>

<p><b>导航： <a href="default.asp">示例首页</a> > 远程文件自动上传示例</b></p>

<p>演示操作说明：</p>

<ul>

<li>编辑区中的图片地址为：http://www.ewebeditor.net/images/ewebeditor.gif

<li>点击按钮<img src="images/remoteupload.gif">，然后转到“代码”模式看一下，编辑区的图片的地址已经到本地服务器了。

<li>或点此表单的“提交”，提交后，用IE的“查看源文件”看一下，图片的地址也到本地服务器了。

<li>到eWebEditor所有的目录下的uploadfile目录中，查看一下，是不是多了一个图片文件，这个文件就是远程自动获取的。

</ul>

// 表单提交检测

function doCheck(){

// 取编辑器对象，然后可以调用对象接口

var editor1 = document.getElementById("eWebEditor1").contentWindow;

// 检测表单的有效性

// 如：标题不能为空，内容不能为空，等等...

if (editor1.getHTML()=="") {

alert("内容不能为空！");

return false;

}

// 表单有效性检测完后，自动上传远程文件

// 函数： remoteUpload(strEventUploadAfter)

// 参数：strEventUploadAfter ; 上传完后，触发的函数名，如果上传完后不需动作可不填参数

editor1.remoteUpload("doSubmit()");

return false;

}

// 表单提交（当远程上传完成后，触发此函数）

function doSubmit(){

document.myform.submit();

}

</script>

<TR>

<TD>

</TD>

</TR>

<TR>

</TD>

</TR>

</TABLE>

</FORM>

</BODY>

</HTML>