Kindeditor單獨調用單圖上傳增加預覽功能的實例
更新時間:2017年07月31日 08:17:10 投稿:jingxian
下面小編就為大家?guī)硪黄狵indeditor單獨調用單圖上傳增加預覽功能的實例。小編覺得挺不錯的,現在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
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單獨調用單圖上傳增加預覽功能的實例就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
JS組件封裝之監(jiān)聽localStorage的變化
這篇文章主要介紹了JS組件封裝之監(jiān)聽localStorage的變化,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-09-09