多多色-多人伦交性欧美在线观看-多人伦精品一区二区三区视频-多色视频-免费黄色视屏网站-免费黄色在线

國內最全IT社區平臺 聯系我們 | 收藏本站
阿里云優惠2
您當前位置:首頁 > 程序人生 > 隨筆 > kindeditor編輯器圖片上傳自動加alt屬性

kindeditor編輯器圖片上傳自動加alt屬性

來源:程序員人生   發布時間:2015-12-12 17:43:21 閱讀次數:11277次
   
      kindeditor上傳本地圖片圖片說明是怎么添加到文本編輯器的alt里面的,程序員人生工程師為大家詳細說明下,怎么實現這個功能。
     目標分析:上傳本地圖片,可以默認直接將標題內容作為圖片的title和alt屬性,并且此時是可以修改圖片說明屬性的,效果圖如下
    修改前kindeditor編輯器圖片上傳效果圖

kindeditor編輯器圖片上傳自動加alt屬性
    修改后kindeditor編輯器圖片上傳效果圖
kindeditor編輯器圖片上傳自動加alt屬性

     好了。廢話不多說,現在直接告訴大家,怎么做。首頁給大家說下原理。
     如果是本地圖片,先上傳,上傳完之后可以獲得返回值,用返回值再插入代碼。也就是說給圖片說明加上title,然后點擊確定后會上傳到服務端,服務端把這個表單值拿到,放到返回數據的title字段。

第一步:插入圖片說明input標簽
    打開kindeditor\plugins\image\images.js
在//local upload - start 和//local upload - end中間插入如下代碼,注意插入的位置,大概在84行左右插入

  1. //title 
  2. '<div class="ke-dialog-row">', 
  3. '<label for="remoteTitle" style="width:60px;">' + lang.imgTitle + 'label>', 
  4. '<input type="text" id="remoteTitle" class="ke-input-text" name="title" value="' + $('#title').val() + '" style="width:200px;" />', 
  5. 'div>', 
  6. 'div>', 

第二步:服務器端處理表單值
   打開kindeditor\php\upload_json.php
   在第132行左右,將代碼echo $json->encode(array('error' => 0, 'url' => $file_url));修改為下面的代碼

  1. $img_title=$_POST['title']; 
  2. echo $json->encode(array('error' => 0, 'url' => $file_url,title=>$img_title)); 

到這里就完成了。所修改的代碼不多,就幾行而已,但是要經過不斷測試,耗費了程序員人生網站站長不少心血。現在免費提供給大家,如果需要轉載,請說明是出處來自程序員人生網www.vxbq.cn 對本文的內容有什么疑問的可以在下方留言聯系站長。

 

生活不易,碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
程序員人生
------分隔線----------------------------
分享到:
------分隔線----------------------------
關閉
程序員人生
主站蜘蛛池模板: 操操操综合网 | 中文字幕在线国产 | 成人99国产精品一级毛片 | 欧美在线播放成人免费 | 亚洲系列_1页_mmyy11 | xxxx性欧美 | 亚洲观看视频 | 一级毛片在线视频 | 成人9久久国产精品品 | 国产一级一片免费播放视频 | 国产福利在线观看精品 | 特黄色一级毛片 | 亚洲一区二区三区精品视频 | www色网站 | 久久久久免费 | 精品91一区二区三区 | 欧美日韩成人在线视频 | 欧美午夜理伦三级理论三级 | 亚洲成a人v天堂网 | 亚洲 欧美 自拍 另类 欧美 | 亚洲精品欧美精品一区二区 | 一级片www | 欧美大胆色图 | 久久精品国产精品亚洲精品 | 国产亚洲精品久久久久久久网站 | 亚洲在线视频免费观看 | www.黄网站| 一区二区视频在线观看高清视频在线 | 亚洲综合视频在线观看 | 国产精品久久永久免费 | 色婷婷伊人 | 国产亚洲精品久久久久久久久激情 | 亚洲另类老妇videos | 亚在线 | 久久久久久综合对白国产 | 精品国产国产综合精品 | 亚洲精品亚洲人成在线播放 | 欧美另类图片小说 | 欧美xxx性 | 国产福利视频一区 | 香港黄页精品视频在线 |