87,903
社区成员
发帖
与我相关
我的任务
分享Fckeditor实现WORD粘贴图片自动上传
目前从网站上复制，截图复制进去之后都是ok的，但是从word中复制过来之后图片就是一个框，查看图片路径是本地路径，这个如何解决。也就是复制word文档，文档中的图片自动上传？而且要支持ie8以上的ie版本。在线等，急。
...全文
请发表友善的回复…
发表回复
dyawninjeu 2016-01-04
- 打赏
- 举报
这个貌似不错，基本上所有主流编辑器都支持了。先下载试一下。
d1g9z93w 2016-01-04
- 打赏
- 举报
楼主试试这个控件：http://www.cnblogs.com/xproer/archive/2011/04/08/2009500.html
1.FCKEditor2.x。从剪帖板，本地硬盘，第三方软件或Word文档中复制图片，然后点击编辑器工具栏中的”粘贴图片”按钮。图片将自动上传到Web服务器中.
2.FCKEditor2.x编辑器。上传成功
3.CKEditor3.x编辑器。
4.CKEditor3.x-粘贴Excel
5.KindEditor3.x-粘贴图片
6.KindEditor4.x-粘贴Excel
7.UEditor1.x编辑器
Xproer.WordPaster整合代码如下：
2.FCKEditor2.x编辑器。上传成功
3.CKEditor3.x编辑器。
4.CKEditor3.x-粘贴Excel
5.KindEditor3.x-粘贴图片
6.KindEditor4.x-粘贴Excel
7.UEditor1.x编辑器
Xproer.WordPaster整合代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>WordPaster For FCKEditor-2.x</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<link type="text/css" rel="Stylesheet" href="WordPaster/css/WordPaster.css"/>
<link type="text/css" rel="stylesheet" href="WordPaster/css/ui-lightness/jquery-ui-1.8.11.custom.css" />
<script type="text/javascript" src="WordPaster/js/jquery.min.js" charset="utf-8"></script>
<script type="text/javascript" src="WordPaster/js/jquery-ui-1.8.11.custom.min.js"></script>
<script type="text/javascript" src="WordPaster/js/WordPaster.js" charset="utf-8"></script>
<script type="text/javascript" src="fckeditor/fckeditor.js"></script>
</head>
<body>
<!—textarea控件,FCK编辑器需要借助于这个控件创建-->
<textarea id="txtContent" name="txtContent" cols="1" rows="1"></textarea>
<!--创建FCKEditor控件-->
<script language="javascript" type="text/javascript">
var pstMgr = new PasterManager();
pstMgr.Config["PostUrl"] = "http://localhost:10727/asp.net/upload.aspx";
pstMgr.Load();//加载控件
var fck = new FCKeditor('txtContent');
fck.BasePath = "fckeditor/";
//oFCKeditor.ToolbarSet = "Basic";
fck.Height = 300;
fck.Value = '';
fck.ReplaceTextarea();//将上面的textarea替换成FCK编辑器，这样服务端可以通过Request.Form["txtContent"]取到数据
//初始化编辑器
function FCKeditor_OnComplete(editorInstance)
{
pasterMgr.Init(editorInstance);
}
</script>
</body>
</html>
activexme 2016-01-04
- 打赏
- 举报
这个必须要借助于控件来实现。普通的JS无法实现。你可以在网上搜一下word图片上传控件。
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 = '
