前言：今天，碰到一個有趣的問題，就是SharePoint調查裡面，添加對于圖檔的支援，衆所周知，SharePoint的調查就支援那麼幾種字段類型的問題，當然，我們可以開發實作，不過，這個不是我們今天介紹的，我們今天介紹的是js實作的無代碼開發。
下面，看看我們要實作的效果圖，如下圖（參與調查的頁面，其實這個是我已經做好的頁面）：
如上圖的，帶着圖檔的選項，在SharePoint自帶字段裡很難實作，是以，我就想把img标簽寫在頁面上，然後發現當做文字輸出到頁面上，我就想到用js腳本，替換img标簽，是以，我修改了調查裡面的選項内容，如下圖所示（調查内的選項）：
選項的詳細文字：
#img_start width="100" height="120" src="http://10.5.92.11/bmdh/jyglb/DocLib/山居秋暝.jpg" #img_end 張三
#img_start width="100" height="120" src="http://10.5.92.11/bmdh/jyglb/DocLib/山居秋暝.jpg" #img_end 李四
#img_start width="100" height="120" src="http://10.5.92.11/bmdh/jyglb/DocLib/山居秋暝.jpg" #img_end 王五
如上面文字，我把img标簽的前後，用#img_start和#img_end替換了，這樣也是友善我們使用js腳本進行replace替換，js腳本附後，有興趣的可以參考下：
<script type="text/javascript">
var divobj = document.getElementsByTagName("LABEL");
for(var i=0;i<divobj.length;i++)
{
if(divobj[i].innerHTML.indexOf("#img_start")>=0)
var str = divobj[i].innerHTML;
str =str.replace("#img_start","<img");
str =str.replace("#img_end","></img>");
divobj[i].innerHTML=str;
}
</script>
在頁面上添加一個内容編輯器web部件，然後将腳本放進去，點選确定，發現達到了我們想要的效果，然後，同樣用js腳本實作調查的統計頁面（如下圖），這裡我也就不多廢話了，大家直接看效果吧。
後記：本來就是一個很簡單的思路，我想把這些分享給大家。對于SharePoint現在開發人員越來越多，我的理念依舊是：除非必須，絕對不懂代碼。當然，這個問題也有代碼實作的，連結我附後了，大家可以對比下兩種實作方式。呵呵，很晚了，睡覺。大家晚安。
附自定義字段實作：http://blog.csdn.net/cxx2325938/article/details/8284741