SharePoint 如何添加调查添加图片支持-Office办公-菜鸟图库

SharePoint 如何添加调查添加图片支持

今天，碰到一个有趣的问题，就是SharePoint调查里面，添加对于图片的支持，众所周知，SharePoint的调查就支持那么几种字段类型的问题，当然，我们可以开发实现，不过，这个不是我们今天介绍的，我们今天介绍的是js实现的无代码开发。

　　下面，看看我们要实现的效果图，如下图（参与调查的页面，其实这个是我已经做好的页面）：

SharePoint 如何添加调查添加图片支持

　　如上图的，带着图片的选项，在SharePoint自带字段里很难实现，所以，我就想把img标签写在页面上，然后发现当做文字输出到页面上，我就想到用js脚本，替换img标签，所以，我修改了调查里面的选项内容，如下图所示（调查内的选项）：

SharePoint 如何添加调查添加图片支持

　　选项的详细文字：

#img_start src="http://10.5.92.11/bmdh/jyglb/DocLib/山居秋暝.jpg" #img_end 张三

#img_start src="http://10.5.92.11/bmdh/jyglb/DocLib/山居秋暝.jpg" #img_end 李四

#img_start src="http://10.5.92.11/bmdh/jyglb/DocLib/山居秋暝.jpg" #img_end 王五

　　如上面文字，我把img标签的前后，用#img_start和#img_end替换了，这样也是方便我们使用js脚本进行replace替换，js脚本附后，有兴趣的可以参考下：

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 如何添加调查添加图片支持

　　后记：本来就是一个很简单的思路，我想把这些分享给大家。对于SharePoint现在开发人员越来越多，我的理念依旧是：除非必须，绝对不懂代码。当然，这个问题也有代码实现的，链接我附后了，大家可以对比下两种实现方式。呵呵，很晚了，睡觉。大家晚安。

标签(TAG) SharePoint添加调查添加图片支持