場景

使用KindEditor進行圖片上傳后，在js部分通過.val()獲取內容后，

所獲取的圖片的<imgsrc=""其中img標簽與src連接在了一起導致圖片不能顯示。

錯誤的數據庫存取內容：

0531<imgsrc="http://*******:9090/test/upload/commentFile/c366ef88-1af7-4164-b688-40c33909031d.jpg"alt=""/>

如果將img 與src之間加上一個空格則正常顯示。

實現

之前的代碼

<textarea name="content" id="content" class="j-content" rows="30"cols="58" data-toggle="kindeditor" data-minheight="500"style="width: 100%"></textarea>

然后在js中：

var content=$("#content").val();

通過.val()方法獲取的內容中就是上面的img與src連在一起。

解決：

在頁面再添加一個隱藏的textarea，用于中間轉換一下，將轉換的進行提交。

<dd class="rel border bor_gray_ddd pt_05em " ><textarea name="content" id="content" class="j-content" rows="30"cols="58" data-toggle="kindeditor" data-minheight="500"style="width: 100%"></textarea><textarea rows="" cols="" name="schtmlnr" id="schtmlnr" style="display:none;"></textarea></dd>

然后在js中：

var content1=$("#content").val();$("#schtmlnr").val(content1);var content = $("#schtmlnr").val();

?

總結

以上是生活随笔為你收集整理的KindEditor中使用val()获取content内容后图片不显示的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。