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 延迟加载 改变JS的位置加快网页加载速度
Dec 11 Javascript
JS对象转换为Jquery对象示例
Jan 26 Javascript
js控制分页打印、打印分页示例
Feb 08 Javascript
jQuery简单实现网页选项卡特效
Nov 24 Javascript
Javascript Function.prototype.bind详细分析
Dec 29 Javascript
详解照片瀑布流效果(js,jquery分别实现与知识点总结)
Jan 01 Javascript
node.js操作mongodb简单示例分享
May 25 Javascript
js + css实现标签内容切换功能(实例讲解)
Oct 09 Javascript
JavaScript数值类型知识汇总
Nov 17 Javascript
深入理解 ES6中的 Reflect用法
Jul 18 Javascript
JavaScript对象访问器Getter及Setter原理解析
Dec 08 Javascript
原生jQuery实现只显示年份下拉框
Dec 24 jQuery
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读MYSQL中文乱码的解决方法
2006/12/17 PHP
从MySQL数据库表中取出随机数据的代码
2007/09/05 PHP
php使用curl下载指定大小的文件实例代码
2017/09/30 PHP
PHP实现二维数组中的查找算法小结
2018/06/09 PHP
一个高效的JavaScript压缩工具下载集合
2007/03/06 Javascript
jQuery一步一步实现跨浏览器的可编辑表格,支持IE、Firefox、Safari、Chrome、Opera
2009/08/28 Javascript
Js中的onblur和onfocus事件应用介绍
2013/08/27 Javascript
js获取或设置当前窗口url参数的小例子
2013/10/14 Javascript
js保留小数点后几位的写法
2014/01/03 Javascript
js判断浏览器是否支持html5
2014/08/17 Javascript
javascript通过获取html标签属性class实现多选项卡的方法
2015/07/27 Javascript
Laydate时间组件在火狐浏览器下有多时间输入框时只能给第一个输入框赋值的解决方法
2016/08/18 Javascript
Angular2学习笔记——详解NgModule模块
2016/12/02 Javascript
jquery实现焦点轮播效果
2017/02/23 Javascript
js实现会跳动的日历效果(完整实例)
2017/10/18 Javascript
nodejs实现大文件(在线视频)的读取
2020/10/16 NodeJs
nodejs搭建本地服务器并访问文件操作示例
2019/05/11 NodeJs
对于Python编程中一些重用与缩减的建议
2015/04/14 Python
python matplotlib绘图,修改坐标轴刻度为文字的实例
2018/05/25 Python
一百行python代码将图片转成字符画
2021/02/19 Python
Pandas数据离散化原理及实例解析
2019/11/16 Python
Hotels.com印度:酒店预订
2019/05/11 全球购物
英国最大的在线快递公司之一:ParcelHero
2019/11/04 全球购物
优秀班集体获奖感言
2014/02/03 职场文书
中国梦主题教育活动总结
2014/05/05 职场文书
学习雷锋演讲稿
2014/05/10 职场文书
社区反邪教工作方案
2014/06/16 职场文书
大学生见习报告总结
2014/11/04 职场文书
学前班学生评语
2014/12/29 职场文书
2015年会计工作总结范文
2015/05/26 职场文书
离职信范文
2015/06/23 职场文书
高中同学会致辞
2015/08/01 职场文书
python绘制箱型图
2021/04/27 Python
在python中实现导入一个需要传参的模块
2021/05/12 Python
Python3 多线程(连接池)操作MySQL插入数据
2021/06/09 Python
SpringBoot整合阿里云视频点播的过程详解
2021/12/06 Java/Android