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 相关文章推荐
在线编辑器的实现原理(兼容IE和FireFox)
Mar 09 Javascript
使用JQuery快速实现Tab的AJAX动态载入(实例讲解)
Dec 11 Javascript
js在指定位置增加节点函数insertBefore()用法实例
Jan 12 Javascript
javascript关于open.window子页面执行完成后刷新父页面的问题分析
Apr 27 Javascript
jQuery实现图片轮播特效代码分享
Sep 15 Javascript
jQuery animate easing使用方法图文详解
Jun 17 Javascript
javascript对浅拷贝和深拷贝的详解
Oct 14 Javascript
js实现日历的简单算法
Jan 24 Javascript
Bootstrap按钮组简单实现代码
Mar 06 Javascript
Vue.js实现大屏数字滚动翻转效果
Nov 29 Javascript
Vue+elementUI实现多图片上传与回显功能(含回显后继续上传或删除)
Mar 23 Javascript
vue实现信息管理系统
May 30 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
php中apc缓存使用示例
2013/12/25 PHP
javascript英文日期(有时间)选择器
2007/05/02 Javascript
jQuery Study Notes学习笔记 (二)
2010/08/04 Javascript
jquery遍历筛选数组的几种方法和遍历解析json对象
2013/12/13 Javascript
Javascript获取表单名称(name)的方法
2015/04/02 Javascript
JavaScript 事件绑定及深入
2015/04/13 Javascript
jquery获取复选框checkbox的值的简单实现方法
2016/05/26 Javascript
jQuery之简单的表单验证实例
2016/07/07 Javascript
详解Jquery的事件操作和文档操作
2016/12/19 Javascript
详解使用fetch发送post请求时的参数处理
2017/04/05 Javascript
详解vue.js全局组件和局部组件
2017/04/10 Javascript
JS实现下拉菜单列表与登录注册弹窗效果
2017/08/10 Javascript
fetch 使用及如何接收JS传值
2017/11/11 Javascript
vue中vee validate表单校验的几种基本使用
2018/06/25 Javascript
Vue项目部署在Spring Boot出现页面空白问题的解决方案
2018/11/26 Javascript
浅谈Vue组件单元测试究竟测试什么
2020/02/05 Javascript
Python中的推导式使用详解
2015/06/03 Python
从源码解析Python的Flask框架中request对象的用法
2016/06/02 Python
python中使用 xlwt 操作excel的常见方法与问题
2019/01/13 Python
详解python配置虚拟环境
2019/04/08 Python
Python的numpy库下的几个小函数的用法(小结)
2019/07/12 Python
简单了解python中的与或非运算
2019/09/18 Python
Python 实现顺序高斯消元法示例
2019/12/09 Python
Python更新所有已安装包的操作
2020/02/13 Python
详解Python IO口多路复用
2020/06/17 Python
CSS3 绘制BMW logo实的现代码
2013/04/25 HTML / CSS
阿迪达斯俄罗斯官方商城:adidas俄罗斯
2017/03/08 全球购物
维多利亚的秘密官方网站:Victoria’s Secret
2018/10/24 全球购物
Cinque网上商店:德国服装品牌
2019/03/17 全球购物
如何提高MySql的安全性
2014/06/19 面试题
酒店管理自荐信
2013/10/23 职场文书
自强之星事迹材料
2014/05/12 职场文书
园艺专业毕业生求职信
2014/09/02 职场文书
第二批党的群众路线教育实践活动个人整改方案
2014/10/31 职场文书
入股协议书范本
2014/11/01 职场文书
优秀班集体事迹材料
2014/12/25 职场文书