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单独调用单图上传增加预览功能的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • 原生js仿jq判断当前浏览器是否为ie,精确到ie6~8

    原生js仿jq判断当前浏览器是否为ie,精确到ie6~8

    这篇文章主要介绍了原生js仿jq判断当前浏览器是否为ie,精确到ie6~8,需要的朋友可以参考下
    2014-08-08
  • javascript控制层显示或隐藏的方法

    javascript控制层显示或隐藏的方法

    这篇文章主要介绍了javascript控制层显示或隐藏的方法,涉及javascript操作页面元素样式的相关技巧,非常简单实用,需要的朋友可以参考下
    2015-07-07
  • TypeScript中类型兼容性的示例详解

    TypeScript中类型兼容性的示例详解

    JavaScript是一门弱类型语言,它对类型是弱校验,所以才有了TypeScript。本文就来和大家一起看看TypeScript的类型兼容性的概念和分类,需要的可以参考一下
    2022-08-08
  • 详解JWT token心得与使用实例

    详解JWT token心得与使用实例

    这篇文章主要介绍了详解JWT token心得与使用实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-08-08
  • 懒就要懒到底——鼠标自动点击(含时间判断)

    懒就要懒到底——鼠标自动点击(含时间判断)

    懒就要懒到底——鼠标自动点击(含时间判断)...
    2007-02-02
  • 鸿蒙系统中的 JS 开发框架

    鸿蒙系统中的 JS 开发框架

    最近华为鸿蒙OS 2.0正式开源!关于鸿蒙的教程其实网上也已经有一些尝鲜的小伙伴分享了相关文章,这篇文章主要为大家详细介绍了鸿蒙系统中的 JS 开发框架,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-09-09
  • JavaScript整除运算函数ceil和floor的区别分析

    JavaScript整除运算函数ceil和floor的区别分析

    这篇文章主要介绍了JavaScript整除运算函数ceil和floor的区别分析,实例分析了ceil和floor函数的使用技巧,非常具有实用价值,需要的朋友可以参考下
    2015-04-04
  • echarts柱状图坐标轴内容显示不全的两种解决办法

    echarts柱状图坐标轴内容显示不全的两种解决办法

    本文主要介绍了echarts柱状图坐标轴内容显示不全的两种解决办法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-05-05
  • Javascript自执行匿名函数(function() { })()的原理浅析

    Javascript自执行匿名函数(function() { })()的原理浅析

    匿名函数就是没有函数名的函数。这篇文章主要介绍了Javascript自执行匿名函数(function() { })()的原理浅析的相关资料,需要的朋友可以参考下
    2016-05-05
  • JavaScript对象解构的用法实例解析

    JavaScript对象解构的用法实例解析

    解构赋值允许你使用类似数组或对象字面量的语法将数组和对象的属性赋给各种变量,下面这篇文章主要给大家介绍了关于JavaScript对象解构用法的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-01-01

最新评论