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 相关文章推荐
静态页面的值传递(三部曲)
Sep 25 Javascript
javascript下查找父节点的简单方法
Aug 13 Javascript
JavaScript 盒模型 尺寸深入理解
Dec 31 Javascript
JS获取当前日期和时间的简单实例
Nov 19 Javascript
JavaScript电子时钟倒计时第二款
Jan 10 Javascript
JS正则表达式比较常见用法
Jan 26 Javascript
JS实现图片平面旋转的方法
Mar 01 Javascript
vue-cli脚手架引入图片的几种方法总结
Mar 13 Javascript
React Navigation 使用中遇到的问题小结
May 08 Javascript
详解Vue组件之作用域插槽
Nov 22 Javascript
Node.js 深度调试方法解析
Jul 28 Javascript
基于JavaScript实现随机点名器
Feb 25 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中全局变量global的使用演示代码
2011/05/18 PHP
php sybase_fetch_array使用方法
2014/04/15 PHP
使用PHP实现生成HTML静态页面
2015/11/18 PHP
Js中的onblur和onfocus事件应用介绍
2013/08/27 Javascript
jquery $.fn $.fx是什么意思有什么用
2013/11/04 Javascript
xmlhttp缓存清除的2种解决方法
2013/12/13 Javascript
纯js实现遮罩层效果原理分析
2014/05/27 Javascript
浅析JavaScript基本类型与引用类型
2014/05/28 Javascript
JavaScript中Function()函数的使用教程
2015/06/04 Javascript
JavaScript控制浏览器全屏及各种浏览器全屏模式的方法、属性和事件
2015/12/20 Javascript
jquery实现列表上下移动功能
2016/02/25 Javascript
Javascript中call,apply,bind方法的详解与总结
2016/12/12 Javascript
VUE重点问题总结
2018/03/19 Javascript
jQuery 实现批量提交表格多行数据的方法
2018/08/09 jQuery
在小程序Canvas中使用measureText的方法示例
2018/10/19 Javascript
微信小程序实现弹框效果
2020/05/26 Javascript
vue+AI智能机器人回复功能实现
2020/07/16 Javascript
vue 遮罩层阻止默认滚动事件操作
2020/07/28 Javascript
js中复选框的取值及赋值示例详解
2020/10/18 Javascript
在Mac OS系统上安装Python的Pillow库的教程
2015/11/20 Python
python中matplotlib的颜色及线条控制的示例
2018/03/16 Python
python实现百度语音识别api
2018/04/10 Python
对Python3 序列解包详解
2019/02/16 Python
使用python绘制二维图形示例
2019/11/22 Python
python 实现list或string按指定分段
2019/12/25 Python
Python库安装速度过慢解决方案
2020/07/14 Python
Python实现异步IO的示例
2020/11/05 Python
python 实现的车牌识别项目
2021/01/25 Python
丝芙兰巴西官方商城:SEPHORA巴西
2016/10/31 全球购物
《将心比心》教学反思
2014/04/08 职场文书
有限责任公司股东合作协议书范本
2014/10/30 职场文书
董事长助理岗位职责
2015/02/11 职场文书
2019年中,最受大众欢迎的6本新书
2019/08/07 职场文书
PostgreSQL通过oracle_fdw访问Oracle数据的实现步骤
2021/05/21 PostgreSQL
Pyqt5将多个类组合在一个界面显示的完整示例
2021/09/04 Python
python神经网络学习 使用Keras进行简单分类
2022/05/04 Python