kindeditor上傳圖片后,自動縮放超出指定尺寸(寬高)的圖片,不超過的則顯示原圖。
如下圖中所示,指定寬度為600px,第一張小圖寬不超過則顯示原圖,第二張大圖寬超過則將寬縮放為600px。
kindeditor點擊上傳圖片按鈕,默認顯示標簽為“本地上傳”功能。實現效果如下圖:
kindeditor富文本編輯器點擊上傳圖片按鈕,在彈出的窗口中去掉上傳網絡圖片的功能,只留下本地上傳,如圖:
KindEditor上傳圖片及其它文件后,自動將生成的新路徑保存到數據庫表中,以方便我們對已上傳的文件進行后臺管理。
以下是KindEditor 4.1.11的ASP接口示例:
修改 KindEditor/asp/upload_json.asp 文件中以下代碼段:
set result = file.saveToFile(savePath, 0, true) if result.error then showError(file.Exception) else '以下代碼就是將文件URL存入數據庫Upload表中,可根據自己的程序要求編寫代碼 call db("Insert into [Upload] ([url]) values ('" & savePath & file.filename)& "')", 0) end if
KindEditor編輯器本地上傳圖片文件后(單個圖片上傳和批量圖片上傳),將數據回調,以實現自由設置任何一張圖片做為文章形象圖且在指定區域展示此形象圖的功能。
以下是KindEditor 4.1.11的示例代碼:
本ASP程序可同時上傳一個或多個文件,若其中任何一個文件上傳失敗則刪除此次已上傳的其它文件,用以保證沒有多余的無用文件,沒有進度條顯示。
<script type="text/javascript">
//制作:凌陳亮www.wgsygc.com(QQ:57404811)
//上傳前預覽圖片,兼容IE內核/Firefox火狐/谷歌瀏覽器
//參數:文件域對象,預覽DIV對象ID,預覽IMG對象ID
function imgpreview(objfile,divid,imgid){
var url=objfile.value; //獲取文件域值
if(url!=""){
if(!url.match(/.jpg|.jpeg|.gif|.bmp|.png/i)){ window.alert('File type must be: .jpg|.jpeg|.gif|.bmp|.png !'); return false; }
var objimg = document.getElementById(imgid); //獲取預覽IMG對象
if(objfile.files && objfile.files[0]){
//FF火狐下,直接設img屬性
objimg.style.display = "block";
objimg.style.width = "200px";
objimg.style.height = "150px";
if(window.navigator.userAgent.indexOf("Chrome") >= 1 || window.navigator.userAgent.indexOf("Safari") >= 1){
objimg.src = window.webkitURL.createObjectURL(objfile.files[0]);
}else{
objimg.src = window.URL.createObjectURL(objfile.files[0]);
}
}else{
<%
'轉發時請保留此聲明信息,這段聲明不并會影響你的速度!
'******************* 無組件上傳類 *******************************
'ASP稻香老農無組件上傳類UTF-8【已修正元素集合錯誤】
'元素集合:指提交表單中有復選框(多選項)、或有多個名稱相同的元素
'修改者:郭佰鴻,凌陳亮
'原作者:稻香老農