如果你使用xheditor编辑器,那么,你就可以做到这样的要求:自动上传图片。具体的讲,指的就是,在网上复制的图片或本地复制的图片,只要粘贴到编辑器的框里面,就能自动上传到服务器保存在文件夹里面。
那么如何实现呢?下面就以NET版本为例子为大家介绍。
当然了,要能实现这样的功能,也并不是很简单的操作,您得需要认真阅读下文。
一、具备两个后台上传图片的文件
这两个文件如下图,分别为:SaveRemoteimg.aspx和Upload.aspx。
关于这两个文件,一般不需要修改什么地方,只需要修改与保存图片目录有关的代码就行了。
其中,就是下面这两句
private string attachDir = "MyEditor/upload"; //上传文件保存路径,结尾不要带/
string attachdir = "MyEditor/upload"; // 上传文件保存路径,结尾不要带/
二、前台的JS文件
文件如下图,需要这三个文件,分别是:jquery-1.4.4.min.js、xheditor-1.2.1.min.js和zh-cn.js
三、网页中xheditor编辑器的配置
网页中编辑器的控件
<textarea id="Mycontent" name="Mycontent" style="width:930px; height:500px;">文章内容</textarea>
网页中编辑器的实例化代码
<script type="text/javascript">
$(function(){
$('#Mycontent').xheditor({localUrlTest:/^https?:\/\/[^\/]*?(dzwebs\.net)\//i,remoteImgSaveUrl:"saveremoteimg.aspx"});
});
function submitForm(){$('#frmDemo').submit();}
</script>
都给俺注意看清楚了,上面的代码千万别写错,其中localUrlTest和remoteImgSaveUrl这两个参数相当重要,就是靠它们来实现图片自动上传的了。