zoukankan      html  css  js  c++  java
  • 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 {'100%',height:'350px',upImgUrl:'upload.asp',upImgExt:'jpg,jpeg,gif,png'}"  ></textarea>

    5》以上只是有了上传按钮了,但还上传不了。还需要新建个文件夹upload(用来保存上传的文件,这是官方默认的文件夹,自己也可以修改,在Upload.asp文件中个性),和xhEditor这个文件夹平级。

    然后在官方下载的压缩包里找到upload.asp这个文件,复制到和xhEditor平级的目录中即可。

    6》经过以上步骤,终于成功了。呵呵。

  • 相关阅读:
    MySQL存储写入性能严重抖动分析
    关于MySQL的commit非规律性失败案例的深入分析
    MySQL存储写入速度慢分析
    MySQL缓存之Qcache与buffer pool对比
    SQL执行过程中的性能负载点
    关于MySQL用户会话及连接线程
    如何查询、修改参数状态值
    genymotion 前端调试
    name是个特殊的变量名吗
    background-size 导致的背景不居中问题
  • 原文地址:https://www.cnblogs.com/hfzsjz/p/3915134.html
Copyright © 2011-2022 走看看