HTTP图片上传控件布署文档-Xproer.HttpImgUploader

版权所有 2009-2011 北京新颖网络

保留所有权利

官方网站：http://www.ncmem.com

官方博客：http://www.cnblogs.com/xproer

产品首页：http://www.ncmem.com/webplug/image-uploader/index.aspx

在线演示：http://www.ncmem.com/products/http-imguploader/fckeditor2x/index.html

开发文档：/article/5268124.html

升级日志：/article/5268116.html

示例下载：http://www.ncmem.com/download/HttpImgUploader-FCKEditor2x.rar

文档下载：http://www.ncmem.com/download/HttpImgUploader-doc.rar

VC运行库：http://www.microsoft.com/downloads/details.aspx?FamilyID=9b2da534-3e03-4391-8a4d-074b9f2bc1bf%20

联系邮箱：1085617561@qq.com

联系QQ：1085617561

1. 整合到现有项目中

1.1. 整合到未包含FCKEditor2.x编辑器的项目

此教程适用于没有包含fckeditor2.x编辑器的项目。

主要步骤如下：

1.上传文件。

2.修改classid和codebase地址。

3.修改上传地址。

1.上传文件

asp.net

fckeditor

HttpImgUploader.cab

说明：

请勿手动解压HttpImgUploader.cab,请将完整的HttpImgUploader.cab文件上传到服务器中。IE浏览器会自动运行CAB文件并安装控件。CAB文件相当于控件自动安装脚本。

2.修改classid和codebase地址。

打开文件：

fckeditor\editor\plugins\\imguploader\uploader\HttpUploader.js

修改代码：

(1).将下列代码中的classid值改为公司控件的classid

(2).将下列codebase值改为实际地址。注意：此地址必须保证任何用户都可以访问。

this.Load = function()

{

//自动安装CAB

var acx = '<div style="display:none">';

//自动安装上传控件

acx += '<object id="objHttpUpLoader" classid="clsid:DB8B78B5-AAB3-4802-906A-3DCA50D8AD6E"';

acx += ' codebase="http://www.ncmem.com/products/http-uploader/demo2/HttpUploader.cab#version=1,0,1,45466" width="1" height="1" ></object>';

//文件夹选择控件

acx += '<object id="objHttpUploaderPartition" classid="clsid:5AE6F0CF-203A-4DE0-A799-578540B5BE57"';

acx += 'codebase="http://www.ncmem.com/products/http-uploader/demo2/HttpUploader.cab#version=1,0,1,45466" width="1" height="1" ></object>';

acx += '</div>';

};

注意：

为了避免与其它公司的控件产生冲突，每个控件的classid都不相同。在购买控件后我们会为每个公司单独生成classid。

在项目位置发生改变后，必须更新codebase的地址，保证codebase的正确性，否则IE将无法正确加载控件。

3.修改上传地址

打开文件：

fckeditor\editor\plugins\imguploader\uploader\index.html

修改代码：

uploaderMgr.Config["EncodeType"] = "GB2312";

uploaderMgr.Config["PostUrl"] = "http://localhost:4586/asp.net/upload.aspx";

1.2. 整合到已包含FCKEditor2.x编辑器的项目

此教程适用于已包含FCKEditor2.x编辑器的项目。

主要步骤如下：

1.上传文件

2.将插件添加到FCKEditor2.x编辑器中

3.修改classid和codebase地址

4.修改上传地址

1.上传文件

asp.net

fckeditor\editor\plugins\imguploader

HttpImgUploader.cab

2.将插件添加到FCKEditor2.x编辑器中

(1).打开文件：

fckeditor\fckconfig.js

找到下列代码：

FCKConfig.AutoGrowMax = 400 ;

在找到的代码上面增加下列代码：

FCKConfig.Plugins.Add('imguploader', 'zh-cn');

完整代码如下：

FCKConfig.Plugins.Add('imguploader', 'zh-cn');

FCKConfig.AutoGrowMax = 400 ;

找到工具栏代码，添加插件：

FCKConfig.ToolbarSets["Default"] = [

['Source','DocProps','-','Save','NewPage','Preview','-','Templates'],

['Cut','Copy','Paste','PasteText','PasteWord','imguploader','-','Print','SpellCheck'],

['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],

['Form','Checkbox','Radio','TextField','Textarea','Select','Button','ImageButton','HiddenField'],

'/',

['Bold','Italic','Underline','StrikeThrough','-','Subscript','Superscript'],

['OrderedList','UnorderedList','-','Outdent','Indent','Blockquote','CreateDiv'],

['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],

['Link','Unlink','Anchor'],

['Image','Flash','Table','Rule','Smiley','SpecialChar','PageBreak'],

'/',

['Style','FontFormat','FontName','FontSize'],

['TextColor','BGColor'],

['FitWindow','ShowBlocks','-','About'] // No comma for the last row.

] ;

FCKConfig.ToolbarSets["Basic"] = [

['Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink','-','About','imguploader']

] ;

2.修改classid和codebase地址。

打开文件：

fckeditor\editor\plugins\\imguploader\uploader\HttpUploader.js

修改代码：

(1).将下列代码中的classid值改为公司控件的classid

(2).将下列codebase值改为实际地址。注意：此地址必须保证任何用户都可以访问。

this.Load = function()

{

//自动安装CAB

var acx = '<div style="display:none">';

//自动安装上传控件

acx += '<object id="objHttpUpLoader" classid="clsid:DB8B78B5-AAB3-4802-906A-3DCA50D8AD6E"';

acx += ' codebase="http://www.ncmem.com/products/http-uploader/demo2/HttpUploader.cab#version=1,0,1,45466" width="1" height="1" ></object>';

//文件夹选择控件

acx += '<object id="objHttpUploaderPartition" classid="clsid:5AE6F0CF-203A-4DE0-A799-578540B5BE57"';

acx += 'codebase="http://www.ncmem.com/products/http-uploader/demo2/HttpUploader.cab#version=1,0,1,45466" width="1" height="1" ></object>';

acx += '</div>';

};

注意：

为了避免与其它公司的控件产生冲突，每个控件的classid都不相同。在购买控件后我们会为每个公司单独生成classid。

在项目位置发生改变后，必须更新codebase的地址，保证codebase的正确性，否则IE将无法正确加载控件。

3.修改上传地址

打开文件：

fckeditor\editor\plugins\imguploader\uploader\index.html

修改代码：

uploaderMgr.Config["EncodeType"] = "GB2312";

uploaderMgr.Config["PostUrl"] = "http://localhost:4586/asp.net/upload.aspx";