kindeditor上傳本地圖片圖片說(shuō)明是怎么添加到文本編輯器的alt里面的，為大家詳細說(shuō)明下，怎么實(shí)現這個(gè)功能。

目標分析：上傳本地圖片，可以默認直接將標題內容作為圖片的title和alt屬性，并且此時(shí)是可以修改圖片說(shuō)明屬性的，效果圖如下

修改前kindeditor編輯器圖片上傳效果圖

修改后kindeditor編輯器圖片上傳效果圖

廢話(huà)不多說(shuō)，現在直接告訴大家，怎么做。首頁(yè)給大家說(shuō)下原理。

如果是本地圖片，先上傳，上傳完之后可以獲得返回值，用返回值再插入代碼。也就是說(shuō)給圖片說(shuō)明加上title，然后點(diǎn)擊確定后會(huì )上傳到服務(wù)端，服務(wù)端把這個(gè)表單值拿到，放到返回數據的title字段。

第壹步：插入圖片說(shuō)明input標簽

打開(kāi)kindeditorpluginsimageimages.js

在//local upload - start 和//local upload - end中間插入如下代碼，注意插入的位置，大概在84行左右插入

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

第二步：服務(wù)器端處理表單值

打開(kāi)kindeditorphpupload_json.php

在第壹32行左右，將代碼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));

到這里就完成了。所修改的代碼不多，就幾行而已，但是要經(jīng)過(guò)不斷測試，耗費了程序員人生網(wǎng)站站長(cháng)不少心血。來(lái)自程序員人生網(wǎng)。

標簽：