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

开发文档：http://www.cnblogs.com/xproer/archive/2011/01/09/1931278.html

升级日志：http://www.cnblogs.com/xproer/archive/2010/10/06/1844816.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

联系邮箱：[email protected]

联系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:5AE 6F 0CF -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:5AE 6F 0CF -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";