编辑器xheditor图片上传配置如何设置的问题

xheditor编辑器很好用,但是图片上传功能老显示asp接口错误,用了几个月终于搞定,今天不管多忙,分享下图片上传功能的设置。

步骤如下:1,首先当然是要 下载了,最新的版本。我用的是xheditor-1.1.14,

2、开始配置文件了(这里注意各个文件夹的放置级别):在要用编辑器的页面建立一个JS的文件夹和upload文件夹,js文件夹用来放代码,upload文件夹就是放入你将要上传服务器的图片了。复制你刚才下载的文件里面的jquery文件夹,粘贴过来放在JS下一级目录。

在jquery同级别建立xheditor文件夹,,复制serverscipt、xheditor_emot,xheditor-plugins,xheditor-skin以及xheditor-1.1.14-en.min,xheditor-1.1.14-zh-cn.min,xheditor-1.1.14-zh-tw.min共六个文件。

打开demos,找到saveremoteimg.asp和upload.asp文件,把这两个文件复制粘贴到JS同级别的地方。

这里强调:各文件的级别与路径一定要配置正确,否则不会成功的。

这样文件配置就完成了,下面开始修改upload内容。

3、修改upload之前,要先引入js文件,代码如下:

<script type="text/javascript" src="js/jquery/jquery-1.4.4.min.js"></script><script type="text/javascript" src="js/xheditor/xheditor-1.1.14-zh-cn.min.js"></script><script type="text/javascript">

在</head>前面,加入初始化编辑器代码如下:

<script type="text/javascript">$(function () {//初始化编辑器$(‘#elem4’).xheditor({ tools: ‘full’, width: ‘80%’, height: ‘426px’, forcePtag: false,upBtnText: ‘上传’, upMultiple: 1, upLinkUrl: ‘upload.asp’,upImgUrl: ‘upload.asp’, upImgExt: ‘jpg,jpeg,gif,png’,upFlashUrl: ‘upload.asp’, upFlashExt: ‘swf’,upMediaUrl: ‘upload.asp’, upMediaExt: ‘wmv,avi,wma,mp3,mid’});});</script>

好了,用DW打开upload。asp吧,找到attachdir=,路径修改为“../upload’,一定要修改正确呀,我是修改为"../admin/uplad",各人自己设置路径正确就行了,要不图片上传不到服务器的。其他的项目根据你的需要比如文件大小呀什么的自己修改好了,我是限制2M的文件,要不太大的文件服务器空间受不了。

最后的步骤就是设置xheditor编辑器的textarea,

<textarea runat="server" name="elem4" cols="50" rows="20" style="width:80%" id="elem4" >test</textarea>,注意name与初始化编辑器#elem4名称是要一致的。好了,全部工作完成了,F12,测试浏览器看看吧,随便上传一张图片试试

出现这样的效果了吗?如果有,证明是成功 了。

打开upload文件夹

发现服务器已经自动帮我们设置了图片名称,是按时间命名的。

浏览器点击图片的右键,看到自己上传的图片的网络地址了吧,是按时间命名的,

是不是像我一样很有成就感呢?哈哈。。。。。

黄色蓝色或者砖红色,犹如童话世界。

编辑器xheditor图片上传配置如何设置的问题

相关文章:

你感兴趣的文章:

标签云: