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 相关文章推荐
获取任意Html元素与body之间的偏移距离 offsetTop、offsetLeft (For:IE5+ FF1 )[
Dec 22 Javascript
基于jquery的不规则矩形的排列实现代码
Apr 16 Javascript
javascript学习(一)构建自己的JS库
Jan 02 Javascript
replace()方法查找字符使用示例
Oct 28 Javascript
以BootStrap Tab为例写一个前端组件
Jul 25 Javascript
Three.js利用性能插件stats实现性能监听的方法
Sep 25 Javascript
vue中的scope使用详解
Oct 29 Javascript
小程序中this.setData的使用和注意事项
Aug 28 Javascript
JavaScript实现随机点名器
Mar 25 Javascript
解决vuecli3中img src 的引入问题
Aug 04 Javascript
Vue Element校验validate的实例
Sep 21 Javascript
解决ant Design中this.props.form.validateFields未执行的问题
Oct 27 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中多维数组的foreach遍历示例
2014/06/13 PHP
php中socket通信机制实例详解
2015/01/03 PHP
php实现专业获取网站SEO信息类实例
2015/04/02 PHP
PHP session垃圾回收机制实例分析
2019/06/28 PHP
CL vs ForZe BO5 第二场 2.13
2021/03/10 DOTA
juqery 学习之四 筛选查找
2010/11/30 Javascript
setTimeout和setInterval的区别你真的了解吗?
2011/03/31 Javascript
javascript算法题:求任意一个1-9位不重复的N位数在该组合中的大小排列序号
2015/04/01 Javascript
jQuery插件jquery-barcode实现条码打印的方法
2015/11/25 Javascript
简单介绍jsonp 使用小结
2016/01/27 Javascript
javascript瀑布流布局实现方法详解
2016/02/17 Javascript
jQuery实现鼠标经过像翻页和描点链接效果
2016/08/08 Javascript
JS中动态创建元素的三种方法总结(推荐)
2016/10/20 Javascript
Angular.JS学习之依赖注入$injector详析
2016/10/20 Javascript
EditPlus中的正则表达式 实战(2)
2016/12/15 Javascript
JS前端笔试题分析
2016/12/19 Javascript
jQuery实现打开网页自动弹出遮罩层或点击弹出遮罩层功能示例
2017/10/19 jQuery
微信小程序实现指定显示行数多余文字去掉用省略号代替
2018/07/25 Javascript
原生JS实现简单的无缝自动轮播效果
2018/09/26 Javascript
Vue使用watch监听一个对象中的属性的实现方法
2019/05/10 Javascript
原生JS使用Canvas实现拖拽式绘图功能
2019/06/05 Javascript
extjs图表绘制之条形图实现方法分析
2020/03/06 Javascript
three.js 将图片马赛克化的示例代码
2020/07/31 Javascript
Vue如何实现变量表达式选择器
2021/02/18 Vue.js
[01:22:29]真视界:2019年国际邀请赛总决赛
2020/01/29 DOTA
Python3中使用PyMongo的方法详解
2017/07/28 Python
浅谈python写入大量文件的问题
2018/11/09 Python
详解html2canvas截图不能截取圆角图片的解决方案
2018/01/30 HTML / CSS
Nike台湾官方商店:Nike.com (TW)
2017/08/16 全球购物
行政办公员自我评价分享
2013/12/14 职场文书
优秀大学生职业生涯规划书
2014/02/27 职场文书
2015年119消防宣传日活动总结
2015/03/24 职场文书
活动新闻稿范文
2015/07/17 职场文书
早上好问候语大全
2015/11/10 职场文书
python实现监听键盘
2021/04/26 Python
Golang表示枚举类型的详细讲解
2021/09/04 Golang