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中最常看到切最容易迷惑的语法(转)
Oct 29 Javascript
JS解析json数据并将json字符串转化为数组的实现方法
Dec 25 Javascript
jquery和javascript的区别(常用方法比较)
Jul 04 Javascript
jquery win 7透明弹出层效果的简单代码
Aug 06 Javascript
js操作table示例(个人心得)
Nov 29 Javascript
js利用事件的阻止冒泡实现点击空白模态框的隐藏
Jan 24 Javascript
JavaScript实现随机替换图片的方法
Apr 16 Javascript
微信小程序返回多级页面的实现方法
Oct 27 Javascript
Angular开发实践之服务端渲染
Mar 29 Javascript
vue-cli项目中使用公用的提示弹层tips或加载loading组件实例详解
May 28 Javascript
react中Suspense的使用详解
Sep 01 Javascript
JS面向对象编程基础篇(三) 继承操作实例详解
Mar 03 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
Trying to clone an uncloneable object of class Imagic的解决方法
2012/01/11 PHP
深入PHP中慎用双等于(==)的详解
2013/06/06 PHP
php实现把url转换迅雷thunder资源下载地址的方法
2014/11/07 PHP
PHP记录搜索引擎蜘蛛访问网站足迹的方法
2015/04/15 PHP
php支持中文字符串分割的函数
2015/05/28 PHP
thinkPHP中_initialize方法实例分析
2016/12/05 PHP
PHP编程计算两个时间段是否有交集的实现方法(不算边界重叠)
2017/05/30 PHP
javascript 树形导航菜单实例代码
2013/08/13 Javascript
Jquery模仿Baidu、Google搜索时自动补充搜索结果提示
2013/12/26 Javascript
jQuery选择器全集详解
2014/11/24 Javascript
JS基础随笔(菜鸟必看篇)
2016/07/13 Javascript
又一枚精彩的弹幕效果jQuery实现
2016/07/25 Javascript
Vue.js 2.0 移动端拍照压缩图片预览及上传实例
2017/04/27 Javascript
微信小程序商品详情页规格属性选择示例代码
2017/10/30 Javascript
Vuejs在v-for中,利用index来对第一项添加class的方法
2018/03/03 Javascript
json前后端数据交互相关代码
2018/09/19 Javascript
深入浅出了解Node.js Streams
2019/05/27 Javascript
express框架下使用session的方法
2019/07/31 Javascript
Vue+ElementUI table实现表格分页
2019/12/14 Javascript
JS精确判断数据类型代码实例
2019/12/18 Javascript
Python功能键的读取方法
2015/05/28 Python
Python带动态参数功能的sqlite工具类
2018/05/26 Python
Python合并2个字典成1个新字典的方法(9种)
2019/12/19 Python
python中的itertools的使用详解
2020/01/13 Python
Python数据相关系数矩阵和热力图轻松实现教程
2020/06/16 Python
Python datetime 如何处理时区信息
2020/09/02 Python
python 将html转换为pdf的几种方法
2020/12/29 Python
印尼美容产品购物网站:PerfectBeauty.id
2017/12/01 全球购物
文员个人的求职信范文
2013/09/26 职场文书
高中生职业生涯规划书
2014/02/24 职场文书
房地产广告策划方案
2014/05/15 职场文书
2014物价局群众路线对照检查材料思想汇报
2014/09/21 职场文书
意外伤害赔偿协议书范文
2014/09/23 职场文书
详解thinkphp的Auth类认证
2021/05/28 PHP
只用40行Python代码就能写出pdf转word小工具
2021/05/31 Python
python实现简易自习室座位预约系统
2021/06/30 Python