Kindeditor单独调用单图上传增加预览功能的实例

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单独调用单图上传增加预览功能的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

• kindeditor 加入七牛云上传的实例讲解
• Kindeditor编辑器添加图片上传水印功能（php代码）
• Kindeditor单独调用多图上传实例
• node.js中实现kindEditor图片上传功能的方法教程
• asp.net core集成kindeditor实现图片上传功能
• js控件Kindeditor实现图片自动上传功能
• nodejs 整合kindEditor实现图片上传
• KindEditor图片上传的Asp.net代码实例
• springmvc+kindeditor文件上传实例详解