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代码在页面加载时的执行顺序介绍
May 03 Javascript
java与javascript之间json格式数据互转介绍
Oct 29 Javascript
原生JS实现匀速图片轮播动画
Oct 18 Javascript
JS双击变input框批量修改内容
Dec 12 Javascript
Javascript实现倒计时(防页面刷新)实例
Dec 13 Javascript
vue拦截器Vue.http.interceptors.push使用详解
Apr 22 Javascript
基于Vue实现页面切换左右滑动效果
Jun 29 Javascript
微信小程序自定义tabBar组件开发详解
Sep 24 Javascript
WebGL three.js学习笔记之阴影与实现物体的动画效果
Apr 25 Javascript
vue 插件的方法代码详解
Jun 06 Javascript
jQuery实现简单QQ聊天框
Aug 27 jQuery
Vue2.0搭建脚手架
Mar 13 Vue.js
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基础学习笔记
2007/03/18 PHP
详解PHP中curl_multi并发的实现
2020/06/08 PHP
javascript检测flash插件是否被禁用的方法
2016/01/14 Javascript
js实现精确到秒的倒计时效果
2016/05/29 Javascript
vue监听滚动事件实现滚动监听
2017/04/11 Javascript
原生javascript实现的全屏滚动功能示例
2017/09/19 Javascript
浅谈react前后端同构渲染
2017/09/20 Javascript
three.js中文文档学习之如何本地运行详解
2017/11/20 Javascript
详解解决小程序中webview页面多层history返回问题
2019/08/20 Javascript
node.js 如何监视文件变化
2020/09/01 Javascript
vue中实现弹出层动画效果的示例代码
2020/09/25 Javascript
[03:22]DAC最前线(第二期)—DOTA2亚洲邀请赛主赛场周边及线路探访
2015/01/24 DOTA
Python单元测试框架unittest简明使用实例
2015/04/13 Python
python利用lxml读写xml格式的文件
2017/08/10 Python
Django rest framework基本介绍与代码示例
2018/01/26 Python
Python将多个list合并为1个list的方法
2018/06/27 Python
django连接mysql配置方法总结(推荐)
2018/08/18 Python
Python中文编码知识点
2019/02/18 Python
pygame实现俄罗斯方块游戏(基础篇3)
2019/10/29 Python
tensorflow使用指定gpu的方法
2020/02/04 Python
Python dict和defaultdict使用实例解析
2020/03/12 Python
详解Python 最短匹配模式
2020/07/29 Python
Python改变对象的字符串显示的方法
2020/08/01 Python
python 删除系统中的文件(按时间,大小,扩展名)
2020/11/19 Python
美国知名的摄影器材销售网站:Adorama
2017/02/01 全球购物
Python是如何进行类型转换的
2013/06/09 面试题
幼儿老师求职信
2014/06/30 职场文书
学校2014年度工作总结
2014/12/06 职场文书
安全保证书
2015/01/16 职场文书
老员工辞职信范文
2015/05/12 职场文书
八月迷情观后感
2015/06/11 职场文书
陈斌强事迹观后感
2015/06/17 职场文书
四大名著读书笔记
2015/06/25 职场文书
回复函格式及范文
2015/07/14 职场文书
使用 Apache Superset 可视化 ClickHouse 数据的两种方法
2021/07/07 Servers
java高级用法JNA强大的Memory和Pointer
2022/04/19 Java/Android