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 相关文章推荐
jquery tools 系列 scrollable(2)
Sep 06 Javascript
jquery 最简单的属性菜单
Oct 08 Javascript
jQuery 常见学习网站与参考书
Nov 09 Javascript
Javascript 鼠标移动上去小三角形滑块缓慢跟随效果
Apr 26 Javascript
js操作IE浏览器弹出浏览文件夹可以返回目录路径
Jul 14 Javascript
JS控件bootstrap datepicker使用方法详解
Mar 25 Javascript
如何编写jquery插件
Mar 29 jQuery
Angular4学习笔记之实现绑定和分包
Aug 01 Javascript
Node.js的Koa实现JWT用户认证方法
May 05 Javascript
JS实现520 表白简单代码
May 21 Javascript
解决vue 给window添加和移除resize事件遇到的坑
Jul 21 Javascript
Bootstrap告警框(alert)实现弹出效果和短暂显示后上浮消失的示例代码
Aug 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类
2006/11/25 PHP
PHP开发中常用的三个表单验证函数使用小结
2010/03/03 PHP
Notice: Trying to get property of non-object problem(PHP)解决办法
2012/03/11 PHP
PHP中extract()函数的妙用分析
2012/07/11 PHP
ThinkPHP控制器间实现相互调用的方法
2014/10/31 PHP
php采集神器cURL使用方法详解
2016/02/19 PHP
php实现图片上传并进行替换操作
2016/03/15 PHP
Jquery知识点一 Jquery的ready和Dom的onload的区别
2011/01/15 Javascript
jquery 表格的增行删行实现思路
2013/03/21 Javascript
IE8对JS通过属性和数组遍历解析不一样的地方探讨
2013/05/06 Javascript
javascript获取url上某个参数的方法
2013/11/08 Javascript
jQuery实现仿淘宝带有指示条的图片转动切换效果完整实例
2015/03/04 Javascript
javascript实现复选框选中属性
2015/03/25 Javascript
深入浅析JS Function()构造函数
2016/08/22 Javascript
详解Javascript百度地图接口开发文档中的类和方法
2017/02/07 Javascript
深入理解vue-loader如何使用
2017/06/06 Javascript
详解React开发必不可少的eslint配置
2018/02/05 Javascript
微信小程序第三方框架对比 之 wepy / mpvue / taro
2019/04/10 Javascript
使用express获取微信小程序二维码小记
2019/05/21 Javascript
微信小程序scroll-view锚点链接滚动跳转功能
2019/12/12 Javascript
vue实现简单瀑布流布局
2020/05/28 Javascript
jquery实现鼠标悬浮弹出气泡提示框
2020/12/23 jQuery
python实现多线程采集的2个代码例子
2014/07/07 Python
用python写一个定时提醒程序的实现代码
2019/07/22 Python
Tensorflow: 从checkpoint文件中读取tensor方式
2020/02/10 Python
Python threading模块condition原理及运行流程详解
2020/10/05 Python
如何利用Python matplotlib绘制雷达图
2020/12/21 Python
纯CSS打造(无图像无js)的非常流行的讲话(语音)气泡效果
2012/12/28 HTML / CSS
《我的伯父鲁迅先生》教学反思
2014/02/12 职场文书
聘任书的写作格式及范文
2014/03/29 职场文书
门面房租房协议书
2014/08/20 职场文书
2014年十八届四中全会思想汇报范文
2014/10/17 职场文书
教师政风行风评议心得体会
2014/10/21 职场文书
入党积极分子党小组意见
2015/06/02 职场文书
《月歌。》宣布制作10周年纪念剧场版《RABBITS KINGDOM THE MOVIE》
2022/04/02 日漫
Redis基本数据类型哈希Hash常用操作命令
2022/06/01 Redis