Dzwebs.Net

撰写电脑技术杂文十余年

xheditor自动上传粘贴的图片

Admin | 2016-4-8 9:12:57 | 被阅次数 | 5462

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

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


该杂文来自: 网页制作杂文

上一篇:JS判断是否按回车键

下一篇:jquery2.0和1.0的区别

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计