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 相关文章推荐
javascript tips提示框组件实现代码
Nov 19 Javascript
防止浏览器记住用户名及密码的简单实用方法
Apr 22 Javascript
将HTML的左右尖括号等转义成实体形式的两种实现方式
May 04 Javascript
jQuery实现仿腾讯视频列表分页效果的方法
Aug 07 Javascript
js实现当前输入框高亮显示的方法
Aug 19 Javascript
Javascript基于AJAX回调函数传递参数实例分析
Dec 15 Javascript
BootStrap 轮播插件(carousel)支持左右手势滑动的方法(三种)
Jul 07 Javascript
深入浅析JavaScript中的scrollTop
Jul 11 Javascript
canvas 画布在主流浏览器中的尺寸限制详细介绍
Dec 15 Javascript
JS实现移动端点击按钮复制文本内容
Jul 28 Javascript
vue+webpack 更换主题N种方案优劣分析
Oct 28 Javascript
vue router 动态路由清除方式
May 25 Vue.js
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
ThinkPHP空模块和空操作详解
2014/06/30 PHP
PHP正则表达式过滤html标签属性(DEMO)
2016/05/04 PHP
php简单实现短网址(短链)还原的方法(测试可用)
2016/05/09 PHP
JS 类型转换常见方法小结
2010/05/31 Javascript
JS中动态添加事件(绑定事件)的代码
2011/01/09 Javascript
js实现局部页面打印预览原理及示例代码
2014/07/03 Javascript
JavaScript数据类型之基本类型和引用类型的值
2015/04/01 Javascript
JS简单实现城市二级联动选择插件的方法
2015/08/19 Javascript
AngularJS基础教程之简单介绍
2015/09/27 Javascript
json格式数据的添加,删除及排序方法
2016/01/21 Javascript
AngularJS中实现用户访问的身份认证和表单验证功能
2016/04/21 Javascript
深入理解node exports和module.exports区别
2016/06/01 Javascript
Javascript6中字符串的四个新用法分享
2016/09/11 Javascript
微信小程序 教程之列表渲染
2016/10/18 Javascript
Vue.JS入门教程之自定义指令
2016/12/08 Javascript
微信小程序(三):网络请求
2017/01/13 Javascript
收集前端面试题之url、href、src
2018/03/22 Javascript
node thread.sleep实现示例
2018/06/20 Javascript
使用mpvue搭建一个初始小程序及项目配置方法
2018/12/03 Javascript
使用Vue 实现滑动验证码功能
2019/06/27 Javascript
详解Vue中CSS样式穿透问题
2019/09/12 Javascript
JS实现无限轮播无倒退效果
2020/09/21 Javascript
[02:48]DOTA2英雄基础教程 暗夜魔王
2013/12/12 DOTA
python实现简单的socket server实例
2015/04/29 Python
django将网络中的图片,保存成model中的ImageField的实例
2019/08/07 Python
python PIL/cv2/base64相互转换实例
2020/01/09 Python
pytorch 模型的train模式与eval模式实例
2020/02/20 Python
Python datetime 格式化 明天,昨天实例
2020/03/02 Python
Django restful framework生成API文档过程详解
2020/11/12 Python
基于Python爬取搜狐证券股票过程解析
2020/11/18 Python
python从ftp获取文件并下载到本地
2020/12/05 Python
JAVA的事件委托机制和垃圾回收机制
2014/09/07 面试题
协议书的格式
2014/04/23 职场文书
企业文化宣传标语
2014/06/09 职场文书
答谢词范文
2015/01/05 职场文书
Python列表删除重复元素与图像相似度判断及删除实例代码
2021/05/07 Python