六合开奖结果现场直播欢迎诸位!收藏本站注 册登 陆
常用三肖中特马:基础知识网络知识操作系统WPS网页制作数据库算法网页成功之路网络安全最新技术古典mid流行midmid背景下载中心
您现在的位置:首页 > 三肖中特马 > 文章页

xheditor自动上传粘贴的图片

Admin | 2016-4-8 9:12:57 | ReadNums | 2271 | 标签 网页制作 | 打印本页
     

  如果你使用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这两个参数相当重要,就是靠它们来实现图片自动上传的了。


问题未解决:在线咨询

网友评论

(访客)
内容实用原创,讲得很好。
20xx年x月x日
(站长)
有问题请在线咨询。
20xx年x月x日