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


Posted in Javascript onJuly 31, 2017

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

Javascript 相关文章推荐
JavaScript 面向对象与原型
Apr 10 Javascript
JS实现浏览器状态栏文字闪烁效果的方法
Oct 27 Javascript
jQuery插件开发精品教程(让你的jQuery更上一个台阶)
Nov 07 Javascript
AngularJS基础 ng-keypress 指令简单示例
Aug 02 Javascript
EditPlus 正则表达式 实战(3)
Dec 15 Javascript
Javascript ES6中数据类型Symbol的使用详解
May 02 Javascript
微信小程序实现tab切换效果
Nov 21 Javascript
jQuery实现合并表格单元格中相同行操作示例
Jan 28 jQuery
微信实现自动跳转到用其他浏览器打开指定APP下载
Feb 15 Javascript
使用weixin-java-miniapp配置进行单个小程序的配置详解
Mar 29 Javascript
微信小程序自定义模态弹窗组件详解
Dec 24 Javascript
javascript中Set、Map、WeakSet、WeakMap区别
Dec 24 Javascript
Kindeditor单独调用多图上传实例
Jul 31 #Javascript
老生常谈ES6中的类
Jul 31 #Javascript
JS时间控制实现动态效果的实例讲解
Jul 31 #Javascript
JavaScript实现简单的双色球(实例讲解)
Jul 31 #Javascript
深入理解Vue transition源码分析
Jul 30 #Javascript
使用travis-ci如何持续部署node.js应用详解
Jul 30 #Javascript
Vue框架中正确引入JS库的方法介绍
Jul 30 #Javascript
You might like
杏林同学录(三)
2006/10/09 PHP
YII Framework框架教程之日志用法详解
2016/03/14 PHP
php基于自定义函数记录log日志方法
2017/07/21 PHP
Jquery优化效率 提升性能解决方案
2010/09/06 Javascript
javascript中验证大写字母、数字和中文
2014/01/15 Javascript
项目中常用的JS方法整理
2015/01/30 Javascript
jQuery实现高亮显示的方法
2015/03/10 Javascript
JavaScript实现找质数代码分享
2015/03/24 Javascript
一起学写js Calender日历控件
2016/04/14 Javascript
使用Promise解决多层异步调用的简单学习心得
2016/05/17 Javascript
拖动时防止选中
2017/02/03 Javascript
Cookies 和 Session的详解及区别
2017/04/21 Javascript
ES6使用Set数据结构实现数组的交集、并集、差集功能示例
2017/10/31 Javascript
Bootstrap 树控件使用经验分享(图文解说)
2017/11/06 Javascript
javascript移动端 电子书 翻页效果实现代码
2019/09/07 Javascript
使用p5.js临摹动态图形
2019/10/23 Javascript
angular共享依赖的解决方案分享
2020/10/15 Javascript
js实现有趣的倒计时效果
2021/01/19 Javascript
Python字符串、整数、和浮点型数相互转换实例
2018/08/04 Python
python try except返回异常的信息字符串代码实例
2019/08/15 Python
python中bytes和str类型的区别
2019/10/21 Python
Python OrderedDict字典排序方法详解
2020/05/21 Python
matplotlib 使用 plt.savefig() 输出图片去除旁边的空白区域
2021/01/05 Python
HTML5中的Web Notification桌面右下角通知功能的实现
2018/04/19 HTML / CSS
30岁生日感言
2014/01/25 职场文书
创建卫生先进单位实施方案
2014/03/10 职场文书
元旦晚会主持词
2014/03/24 职场文书
公务员保密承诺书
2014/03/27 职场文书
广告学专业毕业生自荐信
2014/05/28 职场文书
情人节活动总结范文
2015/02/05 职场文书
社区文明创建工作总结2015
2015/04/21 职场文书
书法社团活动总结
2015/05/07 职场文书
2015初中政教处工作总结
2015/07/21 职场文书
2016师德师风学习心得体会
2016/01/12 职场文书
2019职场单身人才调研报告:互联网行业单身比例最高
2019/08/07 职场文书
TypeScript中条件类型精读与实践记录
2021/10/05 Javascript