位置：首页>> 网络编程>> Asp编程>> 一个asp版的xheditor上传图片服务器端文件

一个asp版的xheditor上传图片服务器端文件

作者：fanxiaojie　来源：韦伯花园的魔法师　发布时间：2009-12-21 14:18:00　

标签：FCKeditor,上传,编辑器,xheditor

最近真的喜欢上了用xheditor这个在线编辑器，但是美中不足的是我发现它暂时还不能取代FCKeditor，因为没有在线上传功能啊！当然，FCKeditor的在线上传功能也是我自己给它加增进的。我想我既然能够给FCKeditor增加在线上传功能，自然也能够给xheditor增加在线上传功能。于是我在钻研究。呜呼，费了我半天功夫才搞定它。现在真是困死我了。不过再困我也要及时这个经过记下来才能去睡的。

xheditor本来自带有一个插入图片功能的：

但是它只能手工输入图片地址。对一般人来说，这样真是太麻烦了，贴张图片还要四处找ftp软件把图片上传到服务器上去。我发现其实xheditor是自带上传功能的，而且做得很精巧，但是讨厌的是我发现它的上传图片功能只有php版的源码upload.php。可是我的博客是asp的。

我研究了xheditor作者写的图片上传功能的说明，发现它这样写道：

2,返回结构必需为json，并且结构如下：{"err":"","msg":"200906030521128703.gif"}。若上传出现错误，请将错误内容保存在err变量中；若上传成功，请将服务器上的绝对或者相对地址保存在msg变量中。另外，他的样例demo8.html里我发现头上有这么一段内容：

<SCRIPT type=text/javascript>
$(pageInit);
function pageInit()
{
$('#elm1').xheditor(true,{tools:'full',uploadUrl:"upload.php",uploadExt:"jpg,jpeg,gif,png"});
}
</SCRIPT>

可是我不懂json是什么意思。才疏学浅啊！但是我试了试这样的代码：把{"err":"","msg":"200906030521128703.gif"}这段内容写到一个upload.asp文件里，别的什么内容也没有，然后把网页头上的那段内容改成这样子：

<SCRIPT type=text/javascript>
$(pageInit);
function pageInit()
{
$('#elm1').xheditor(true,{tools:'full',uploadUrl:"upload.asp",uploadExt:"jpg,jpeg,gif,png"});
}
</SCRIPT>

试了试，发现它居然还真立即返回了“上传成功”的代码。当然，实际上图片并没有上传。于是我明白了，只要做一个asp文件，它能够上传图片，而且上传成功或者失败后能够打印出{"err":"","msg":"文件名"}或者{"err":"出错说明","msg":""}这样的代码就好了。发现了这一点，我立即觉得开朗了。

2 下一页

投稿

一个asp版的xheditor上传图片服务器端文件

猜你喜欢