ASP利用xhEditor编辑器实现图片上传的功能。
本人这几天在做一个软件,无意中用到xhEditor在线编辑器,这个编辑器虽然看着比较简单,但功能非常强大,大家可以去官网上查看,废话不说了。
这篇文件主要是实现在ASP环境中利用xhEditor编辑器实现图片上传:
1》首先是下载最新版本xhEditor:http://xheditor.com/download
2》将下载的压缩文件解压缩,上传其中的xheditor.min.js以及xheditor_lang、xheditor_emot、xheditor_plugins和xheditor_skin四个文件夹到网站相应文件夹中。
注:如果您网站中没有使用jQuery框架,也请一并上传jquery文件夹中的jquery-1.4.4.min.js
3》需要调用xhEditor编辑器的网页head标签结束之前添加以下代码:
<script type="text/javascript" charset="utf-8" src="../admin/xhEditor/jquery/jquery-1.4.4.min.js"></script>
<script type="text/javascript" charset="utf-8" src="../admin/xhEditor/xheditor-1.2.1.min.js"></script>
<script type="text/javascript" charset="utf-8" src="../admin/xhEditor/xheditor_lang/zh-cn.js"></script>
大家注意路径,还有 charset="utf-8",如果你的网站是GB2312,需要加上,因为不加的话就是乱码,这点也很重要。
4》在需要实现可视化的文本框textarea属性中添加:
class="xheditor"
例如:<textarea name="content" class="xheditor">test</textarea> 以上代码是默认的,不能上传图片的。以下代码是我自己利用官方工具生成的,很简单的一段代码。
<textarea name="content" class="xheditor {width:'100%',height:'350px',upImgUrl:'upload.asp',upImgExt:'jpg,jpeg,gif,png'}" ></textarea>
5》以上只是有了上传按钮了,但还上传不了。还需要新建个文件夹upload(用来保存上传的文件,这是官方默认的文件夹,自己也可以修改,在Upload.asp文件中个性),和xhEditor这个文件夹平级。
然后在官方下载的压缩包里找到upload.asp这个文件,复制到和xhEditor平级的目录中即可。
6》经过以上步骤,终于成功了。呵呵。
最新文章
- [python]爬虫学习(一)
- linux 内核源代码
- HBase应用开发回顾与总结系列之三:RowKey行键生成器工具
- 手机抓包xcode自带命令行工具配合wireshark实现
- key_value 类型配置文件的解析
- Finally的执行时机
- Hololens开发笔记之Gaze凝视射线
- 1.4.9 DocValues
- PostgreSQL的 initdb 源代码分析之四
- JavaScript学习总结【3】、JS对象
- Java使用百度云存储BCS-让你的数据下载飞起来
- Android 事件处理
- word2010无法打开文件时的一点对策
- [Usaco2015 Jan]Grass Cownoisseur Tarjan缩点+SPFA
- centos文件系统变为只读的解决处理
- 关于Android布局优化的代码使用
- 二次剩余 Cipolla算法
- Python中文显示问题&;数据库连接传参
- VPS常用操作(自用)
- 诡异的磁盘空间100%报警分析得出df -h与du -sh的根本性差别
热门文章
- JAVA-JSP内置对象之request获得参数的参数值(一个值)
- python - hadoop,mapreduce demo
- [转]mybatis if test非空判断数字0为什么是false
- ResponderChain note
- 【WPF】使用控件MediaElement播放视频
- Dubbo相关博文整理
- Charles proxy tools 移动开发调试
- Customize WCF Envelope and Namespace Prefix
- IEnumerable<;T>; 转换为数组
- oozie 运行demo