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同时控制四张图片的伸缩实现代码
Apr 19 Javascript
jquery ui dialog实现弹窗特效的思路及代码
Aug 03 Javascript
JQuery获取表格数据示例代码
May 26 Javascript
仿淘宝TAB切换搜索框搜索切换的相关内容
Sep 21 Javascript
实例讲解JQuery中this和$(this)区别
Dec 08 Javascript
javascript实现修改微信分享的标题内容等
Dec 11 Javascript
JavaScript实现256色转灰度图
Feb 22 Javascript
vue与bootstrap实现时间选择器的示例代码
Aug 26 Javascript
在vue-cli的组件模板里使用font-awesome的两种方法
Sep 28 Javascript
AngularJS $http post 传递参数数据的方法
Oct 09 Javascript
vue实现列表滚动的过渡动画
Jun 29 Javascript
JavaScript中arguments的使用方法详解
Dec 20 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表单转换textarea换行符的方法
2010/09/10 PHP
PHP正则表达式替换站点关键字链接后空白的解决方法
2014/09/16 PHP
php中的常用魔术方法汇总
2016/02/14 PHP
PHP基于正则批量替换Img中src内容实现获取缩略图的功能示例
2017/06/07 PHP
PHP实现本地图片转base64格式并上传
2020/05/29 PHP
写了一个layout,拖动条连贯,内容区可为iframe
2007/08/19 Javascript
JavaScript 组件之旅(二)编码实现和算法
2009/10/28 Javascript
jquery的trigger和triggerHandler的区别示例介绍
2014/04/20 Javascript
jQuery简单实现仿京东商城的左侧菜单效果代码
2015/09/09 Javascript
jQuery定义插件的方法
2015/12/18 Javascript
基于jQuery实现点击最后一行实现行自增效果的表格
2016/01/12 Javascript
Javascript实现图片轮播效果(一)让图片跳动起来
2016/02/17 Javascript
jQuery 的 ready()的纯js替代方法
2016/11/20 Javascript
vue.js中Vue-router 2.0基础实践教程
2017/05/08 Javascript
基于node.js的fs核心模块读写文件操作(实例讲解)
2017/09/10 Javascript
微信小程序 页面跳转事件绑定的实例详解
2017/09/20 Javascript
python实现在字符串中查找子字符串的方法
2015/07/11 Python
python模拟表单提交登录图书馆
2018/04/27 Python
Python之文字转图片方法
2018/05/10 Python
Python3.5 win10环境下导入kera/tensorflow报错的解决方法
2019/12/19 Python
通过 Python 和 OpenCV 实现目标数量监控
2020/01/05 Python
html5默认气泡修改的代码详解
2020/03/13 HTML / CSS
英国赛车、汽车改装和摩托车零件购物网站:Demon Tweeks
2018/10/29 全球购物
有机婴儿毛毯和衣服:Monica + Andy
2020/03/01 全球购物
工商管理毕业生推荐信
2013/12/24 职场文书
化学系大学生自荐信范文
2014/03/01 职场文书
班级文化标语
2014/06/23 职场文书
计算机网络专业自荐信
2014/07/04 职场文书
销售团队获奖感言
2014/08/14 职场文书
国际贸易实务实训报告
2014/11/05 职场文书
家长评语怎么写
2014/12/30 职场文书
详解Nginx 工作原理
2021/03/31 Servers
利用前端HTML+CSS+JS开发简单的TODOLIST功能(记事本)
2021/04/13 Javascript
redis 存储对象的方法对比分析
2021/08/02 Redis
python数字类型和占位符详情
2022/03/13 Python
Apache SkyWalking 监控 MySQL Server 实战解析
2022/09/23 Servers