脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → Kindeditor单独调用单图上传增加预览

Kindeditor单独调用单图上传增加预览功能的实例

 更新时间：2017年07月31日 08:17:10   投稿：jingxian  
下面小编就为大家带来一篇Kindeditor单独调用单图上传增加预览功能的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

html代码：

<p><input type="hidden" id="url1" name="IDCardPicture1" value="" /> <input type="button" id="image1" value="选择图片" style="width: 150px;height: 30px;" /></p>
<div id="J_imageView1"></div>

JS代码：

K('#image1').click(function() {
editor.loadPlugin('image', function() {
editor.plugin.imageDialog({
showRemote : false,
imageUrl : K('#url1').val(),
clickFn : function(url, title, width, height, border, align) {
$("#licensecheck").html("");
var div = K('#J_imageView1');
div.html('');
div.append('<img src="' +url + '">');
K('#url1').val(url);
editor.hideDialog();
}
});
});
});

以上这篇Kindeditor单独调用单图上传增加预览功能的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • 从QQ网站中提取的纯JS省市区三级联动菜单

    从QQ网站中提取的纯JS省市区三级联动菜单

    在浏览网页过程中发现QQ自己的JS省市区三级联动。所以研究了一下，就将其提取出来了。他的界面如下，喜欢的朋友可以学习下
    2013-12-12
  • 关于JavaScript数组去重的一些理解汇总

    关于JavaScript数组去重的一些理解汇总

    这篇文章主要给大家介绍了关于JavaScript数组去重的一些理解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-09-09
  • JS基础之逻辑结构与循环操作示例

    JS基础之逻辑结构与循环操作示例

    这篇文章主要介绍了JS基础之逻辑结构与循环操作,结合实例形式分析了JavaScript逻辑判断、流程控制、循环语句等相关操作技巧,需要的朋友可以参考下
    2020-01-01
  • 学习JavaScript设计模式之代理模式

    学习JavaScript设计模式之代理模式

    这篇文章主要为大家介绍了JavaScript设计模式中的状态模式，对JavaScript设计模式感兴趣的小伙伴们可以参考一下
    2016-01-01
  • 如何使用原生Js实现随机点名详解

    如何使用原生Js实现随机点名详解

    这篇文章主要给大家介绍了关于如何使用原生Js实现随机点名的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2021-01-01
  • 光标的一些操作总结

    光标的一些操作总结

    IE下的Range操作比Mozilla下强很多，这里只讨论IE下的操作,这里选介绍几个光标定位的特点
    2006-10-10
  • JavaScript创建对象的七种方式(推荐)

    JavaScript创建对象的七种方式(推荐)

    JavaScript创建对象的方式有很多，通过Object构造函数或对象字面量的方式也可以创建单个对象，显然这两种方式会产生大量的重复代码，并不适合量产。接下来介绍七种非常经典的创建对象的方式，他们也各有优缺点
    2017-06-06
  • 生产制造追溯系统之在线打印功能

    生产制造追溯系统之在线打印功能

    这篇文章主要介绍了生产制造追溯系统之在线打印功能，本文图文并茂给大家介绍的非常详细，具有一定的参考借鉴价值 ,需要的朋友可以参考下
    2019-06-06
  • JS 实现倒计时数字时钟效果【附实例代码】

    JS 实现倒计时数字时钟效果【附实例代码】

    下面小编就为大家带来一篇JS 实现倒计时数字时钟效果【附实例代码】。小编觉得挺不错的，现在分享给大家，也给大家做一个参考。
    2016-03-03
  • createElement动态创建HTML对象脚本代码

    createElement动态创建HTML对象脚本代码

    利用createElement动态创建链接，div等代码
    2008-11-11

最新评论