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 相关文章推荐
自适应高度框架 ----属个人收藏内容
Jan 22 Javascript
深入理解JavaScript系列(14) 作用域链介绍(Scope Chain)
Apr 12 Javascript
JQuery给元素绑定click事件多次执行的解决方法
May 29 Javascript
javascript封装addLoadEvent实现页面同时加载执行多个函数的方法
Jul 25 Javascript
jQuery层次选择器用法示例
Sep 09 Javascript
javascript实现根据函数名称字符串动态执行函数的方法示例
Dec 28 Javascript
js实现彩色条纹滚动条效果
Mar 15 Javascript
AngularJS 支付倒计时功能实现思路
Jun 05 Javascript
JS如何设置元素样式的方法示例
Aug 28 Javascript
原生JS实现获取及修改CSS样式的方法
Sep 04 Javascript
微信小程序实现侧边分类栏
Oct 21 Javascript
vue 路由meta 设置导航隐藏与显示功能的示例代码
Sep 04 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
回答PHPCHINA上的几个问题:URL映射
2007/02/14 PHP
解析Extjs与php数据交互(增删查改)
2013/06/25 PHP
PhpStorm的使用教程(本地运行PHP+远程开发+快捷键)
2020/03/26 PHP
Javascript实现的分页函数
2006/12/22 Javascript
List Information About the Binary Files Used by an Application
2007/06/11 Javascript
JavaScript 判断指定字符串是否为有效数字
2010/05/11 Javascript
jQuery登陆判断简单实现代码
2013/04/21 Javascript
js调试系列 控制台命令行API使用方法
2014/06/18 Javascript
javascript模拟post提交隐藏地址栏的参数
2014/09/03 Javascript
一个JavaScript获取元素当前高度的实例
2014/10/29 Javascript
纯javascript实现图片延时加载方法
2015/08/21 Javascript
基于JavaScript如何制作遮罩层对话框
2016/01/26 Javascript
理解javascript中的with关键字
2016/02/15 Javascript
JavaScript 继承详解(六)
2016/10/11 Javascript
BootStrapTable 单选及取值的实现方法
2017/01/10 Javascript
vue元素实现动画过渡效果
2017/07/01 Javascript
vuejs实现递归树型菜单组件
2018/01/13 Javascript
看看“疫苗查询”小程序有温度的代码
2018/07/31 Javascript
JS事件绑定的常用方式实例总结
2019/03/02 Javascript
layui(1.0.9)文件上传upload,前后端的实例代码
2019/09/26 Javascript
JS三级联动代码格式实例详解
2019/12/30 Javascript
JS面向对象之多选框实现
2020/01/17 Javascript
Vue3不支持Filters过滤器的问题
2020/09/24 Javascript
jQuery实现图片切换效果
2020/10/19 jQuery
vue实现防抖的实例代码
2021/01/11 Vue.js
python实现拓扑排序的基本教程
2018/03/11 Python
python pygame实现2048游戏
2018/11/20 Python
Python 正则表达式爬虫使用案例解析
2019/09/23 Python
python opencv将表格图片按照表格框线分割和识别
2019/10/30 Python
html5 datalist 选中option选项后的触发事件
2020/03/05 HTML / CSS
2014政务公开实施方案
2014/02/19 职场文书
酒店管理求职信
2014/06/09 职场文书
社团活动总结格式
2014/08/29 职场文书
查摆问题自查报告范文
2014/10/13 职场文书
2015关爱留守儿童工作总结
2014/12/12 职场文书
Go 通过结构struct实现接口interface的问题
2021/10/05 Golang