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 相关文章推荐
JS Array对象入门分析
Oct 30 Javascript
jquery ui resizable bug解决方法
Oct 26 Javascript
Extjs gridpanel 出现横向滚动条问题的解决方法
Jul 04 Javascript
js与jquery获取父元素,删除子元素的两种不同方法
Jan 09 Javascript
jquery bind(click)传参让列表中每行绑定一个事件
Aug 06 Javascript
JS面向对象基础讲解(工厂模式、构造函数模式、原型模式、混合模式、动态原型模式)
Aug 16 Javascript
node.js中的fs.readdir方法使用说明
Dec 17 Javascript
jQuery类选择器用法实例
Dec 23 Javascript
Bootstrap每天必学之按钮
Nov 26 Javascript
VUE实现移动端列表筛选功能
Aug 23 Javascript
关于vue项目中搜索节流的实现代码
Sep 17 Javascript
vue Cli 环境删除与重装教程 - 版本文档
Sep 11 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实现简单实用的验证码类
2015/07/29 PHP
laravel实现图片上传预览,及编辑时可更换图片,并实时变化的例子
2019/11/14 PHP
javascript学习随笔(使用window和frame)的技巧
2007/03/08 Javascript
Jquery Uploadify上传带进度条的简单实例
2014/02/12 Javascript
JavaScript实现简单图片滚动附源码下载
2014/06/17 Javascript
jQuery内置的AJAX功能和JSON的使用实例
2014/07/27 Javascript
jquery处理json对象
2014/11/03 Javascript
jQuery实现为图片添加镜头放大效果的方法
2015/06/25 Javascript
JavaScript File API文件上传预览
2016/02/02 Javascript
Angularjs在初始化未完毕时出现闪烁问题的解决方法分析
2016/08/05 Javascript
Json对象和字符串互相转换json数据拼接和JSON使用方式详细介绍(小结)
2016/10/25 Javascript
基于JavaScript实现复选框的全选和取消全选
2017/02/09 Javascript
详解基于webpack搭建react运行环境
2017/06/01 Javascript
详解JS构造函数中this和return
2017/09/16 Javascript
浅谈 Vue 项目优化的方法
2017/12/16 Javascript
js中this对象用法分析
2018/01/05 Javascript
vue router的基本使用和配置教程
2018/11/05 Javascript
详解微信小程序之scroll-view的flex布局问题
2019/01/16 Javascript
记录一次完整的react hooks实践
2019/03/11 Javascript
vue实现移动端input上传视频、音频
2020/08/18 Javascript
解决vant title-active-color与title-inactive-color不生效问题
2020/11/03 Javascript
Javascript执行上下文顺序的深入讲解
2020/11/04 Javascript
[53:10]完美世界DOTA2联赛决赛日 FTD vs GXR 第二场 11.08
2020/11/11 DOTA
Django自定义manage命令实例代码
2018/02/11 Python
python并发编程多进程之守护进程原理解析
2019/08/20 Python
Python爬虫获取豆瓣电影并写入excel
2020/07/31 Python
5 分钟读懂Python 中的 Hook 钩子函数
2020/12/09 Python
HTML5资源预加载(Link prefetch)详细介绍(给你的网页加速)
2014/05/07 HTML / CSS
企业元宵节主持词
2014/03/25 职场文书
三八妇女节趣味活动方案
2014/08/23 职场文书
会计工作岗位职责
2015/02/03 职场文书
蓬莱阁导游词
2015/02/04 职场文书
大学学生个人总结
2015/02/15 职场文书
学习党章心得体会2016
2016/01/15 职场文书
医护人员继续教育学习心得体会
2016/01/19 职场文书
JS前端使用Canvas快速实现手势解锁特效
2022/09/23 Javascript