umeditor实现粘帖word图片-控件更新-2.0.15版本

泽优Word图片上传产品测试

泽优Word图片上传控件WordPaster2,基于php开发环境测试。

泽优软件官网Word图片上传产品介绍页面: http://www.ncmem.com/webapp/wordpaster/index.aspx

开发环境:HBuilder

服务器:wamp64

HBuilder开发环境可以上百度搜索,一站式安装使用,非常方便。

Wamp64服务器下载与搭建地址,附带数据库,这里用不到数据库:

https://jingyan.baidu.com/article/ab0b563091d9b4c15afa7da9.html

 

从泽优官方网站下载基于php的WordPaster2示例

地址:http://www.ncmem.com/webapp/wordpaster/versions.aspx

 

 

 

下载完成。

安装并打开wamp64,我设置的根目录为D盘,于是D盘下会有wamp64,服务器会自动安装tomcat以及apache,一站式安装环境。当前服务器使用目录为:D:\wamp64\www,所以WordPaster2也必须解压在目录中:D:\wamp64\www\WordPaster2;对于环境搭建的设置很简单,只需要将文件放入使用目录中即可。

安装好HBuilder,打开时会有登录的设置,现在的开发环境没有必要,所以不提倡登录,点击“暂不登陆”即可,正式使用这个软件时推荐百度一下这个软件的特性以及用法;我们测试不需要单独新建项目,直接打开我们服务器所放置的up6项目,地址如上,我的是WordPasterCKEditor4x文件,这样运行起来更灵活,不会有什么突发情况。

 

在项目中有很多不同格式的文件,最重要的修改位于项目文件夹根文件夹之下的index.php,和php文件夹之下的upload.php;只需要配置使用路径就好了,都是设置好的;图中详解。

 

 

修改路径后环境就搭好了,下载控件:http://www.ncmem.com/webapp/wordpaster/pack.aspx

 

下载安装时尽量关闭所有的应用程序,能让控件更好的安装在电脑上。

点击index.php的浏览器图标开始我们的测试,本人使用的是google浏览器;图中详解。

 

运行:

 

仔细阅读项目网页中的演示方法,下面我们用qq的截图工具直接将我们的测试网页页面截图然后上传(按住ctrl+ait+a键便可调出截图工具窗口):

 

图片显示出来了,我们来看看已经上传的图片的存放地址:WordPasterCKEditor4x/php/upload/

图片位于WordPasterCKEditor4x/php/upload/ 文件夹中

 

图片成功上传至服务器的存放目录中,Word图片上传产品 测试用例有效。是个具有强大商业价值的产品。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
1. 概述 对于大多数用户来说,将Word中的图片上传到Web服务器来说是一件非常不方便的事情,许多情况下用户甚至需要手动将一张张图片上传到Web服务器中,这些重复操作将会浪费用户的许多时间。 现在新颖网络发布了Word图片上传控件,借助于这个控件可以帮助用户解决一张张上传Word图片的问题。特别是对于一些网站编辑人员来说,这个功能可以极大的提高他们的工作效率,减少重复工作。 新颖网络Word图片粘贴上传控件能够帮助用户将Word中的图片全部自动上传到Web服务器中。特别是当Word文档中的图片非常多时,这个功能能够极大的提高工作效果。在上传Word图片控件不会破坏Word文档格式。不仅如此,新颖网络Word图片上传控件还可以自动上传剪帖板中图片,电脑硬盘中的图片。 对于开发人员来讲,新颖网络Word图片上传控件能够非常容易的整合到OA,新闻网站,博客或者其它WEB应用程序中,并为用户带来前所未有的体验。 2. 集成到现有系统中 2.1. 集成到系统中-FCKEditor2.x 说明:此教程适用于没有包含FCKEditor2.x编辑器的项目。 主要步骤: 1.上传文件 2.修改cab文件下载地址,修改classid号。 3.修改页面上传地址 1.上传文件 根据项目类型上传相应的文件夹:acsp,asp.net,jsp,php asp.net //请根据项目类型上传相应的文件夹,如果是PHP项目则上传php文件夹 ckeditor css js upload.gif WordPaster.cab 注意: 请不要解压WordPaster.cab,将完整的WordPaster.cab文件上传到服务器中,IE浏览器会自动安装CAB。CAB文件相当于是一个自动安装控件的脚本。 2.修改cab文件下载地址,修改classid号 打开js\ImagePaster.js。下面的代码标识了控件位置和版本号: function SetupWordPaster() { var acx = '<div style="display: none;">'; //图片粘贴上传控件 acx += ' <object id="Paster" classid="clsid:DC4A6931-3570-44b4-842D-C13EE637BBC1"'; acx += ' codebase="http://www.ncmem.com/products/word-imagepaster/WordPaster.cab#version=1,2,4,45165"'; acx += ' width="1" height="1" ></object>'; //Word图片上传控件 acx += ' <object id="Uploader" classid="clsid:26CFEDE7-789D-4077-B49D-C7F1D7150B93"'; acx += ' codebase="http://www.ncmem.com/products/word-imagepaster/WordPaster.cab#version=1,2,4,45165"'; acx += ' width="1" height="1" ></object>'; acx += '</div>'; //添加图片上传信息层 acx += '<div id="PasterMessager">'; acx += '<img alt="进度图标" src="../upload.gif" /><span>图片上传中...</span><span>10%</span></div>'; document.write(acx); } 注意: 当控件升级(版本号修改)或CAB文件位置改变,必须修改ImagePaster.js中的代码。否则用户的IE浏览器将无法正常加载控件
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值