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 相关文章推荐
Windows8下搭建Node.js开发环境教程
Sep 03 Javascript
Javascript调用函数方法的几种方式介绍
Mar 20 Javascript
javascript中scrollTop详解
Apr 13 Javascript
js面向对象的写法
Feb 19 Javascript
js阻止冒泡和默认事件(默认行为)详解
Oct 20 Javascript
JS中Array数组学习总结
Jan 18 Javascript
详解vue slot插槽的使用方法
Jun 13 Javascript
Axios学习笔记之使用方法教程
Jul 21 Javascript
灵活使用console让js调试更简单的方法步骤
Apr 23 Javascript
微信小程序canvas绘制圆角base64图片的实现
Aug 18 Javascript
vue-quill-editor的使用及个性化定制操作
Aug 04 Javascript
JS PHP字符串截取函数实现原理解析
Aug 29 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去除换行(回车换行)的三种方法
2014/03/26 PHP
PHP实现的DES加密解密实例代码
2016/04/06 PHP
3Z版基于jquery的图片复选框(asp.net+jquery)
2010/04/12 Javascript
js判断undefined变量类型使用typeof
2013/06/03 Javascript
href下载文件根据id取url并下载
2014/05/28 Javascript
jQuery中height()方法用法实例
2014/12/24 Javascript
同一个网页中实现多个JavaScript特效的方法
2015/02/02 Javascript
jQuery子窗体取得父窗体元素的方法
2015/05/11 Javascript
移动端js触摸事件详解
2016/09/18 Javascript
jquery append与appendTo方法比较
2017/05/24 jQuery
javascript计算对象长度的方法
2017/10/25 Javascript
javascript函数的节流[throttle]与防抖[debounce]
2017/11/15 Javascript
js 提取某()特殊字符串长度的实例
2017/12/06 Javascript
Router解决跨模块下的页面跳转示例
2018/01/11 Javascript
关于node-bindings无法在Electron中使用的解决办法
2018/12/18 Javascript
如何为你的JavaScript代码日志着色详解
2019/04/08 Javascript
Vue 解决父组件跳转子路由后当前导航active样式消失问题
2020/07/21 Javascript
react使用antd表单赋值,用于修改弹框的操作
2020/10/29 Javascript
[36:52]DOTA2真视界:基辅特锦赛总决赛
2017/05/21 DOTA
python实现的udp协议Server和Client代码实例
2014/06/04 Python
django 实现电子支付功能的示例代码
2018/07/25 Python
Python3数字求和的实例
2019/02/19 Python
Pytorch中index_select() 函数的实现理解
2019/11/19 Python
pyinstaller打包成无控制台程序时运行出错(与popen冲突的解决方法)
2020/04/15 Python
浅谈pymysql查询语句中带有in时传递参数的问题
2020/06/05 Python
python 最简单的实现适配器设计模式的示例
2020/06/30 Python
Html5移动端弹幕动画实现示例代码
2018/08/27 HTML / CSS
遗嘱公证书标准样本
2014/04/08 职场文书
四年级学生评语大全
2014/04/21 职场文书
企业总经理任命书
2014/06/05 职场文书
关爱残疾人标语
2014/06/25 职场文书
标准大学生职业生涯规划书写作指南
2014/09/18 职场文书
个人廉政承诺书
2015/04/28 职场文书
2015年音乐教学工作总结
2015/07/22 职场文书
关于Python使用turtle库画任意图的问题
2022/04/01 Python
vue项目如何打包之项目打包优化(让打包的js文件变小)
2022/04/30 Vue.js