网络编程 
首页 > 网络编程 > 浏览文章

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

(编辑:jimmy 日期: 2024/11/20 浏览:3 次 )

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="/UploadFiles/2021-04-02/' +url + '">

以上这篇Kindeditor单独调用单图上传增加预览功能的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

上一篇:vue组件 $children,$refs,$parent的使用详解
下一篇:Kindeditor单独调用多图上传实例