如何通过后台代码访问SharePoint 2013站点Images文件夹并加载图片至轮播组件

嘿，我来帮你搞定这个问题！下面分步骤给你讲清楚怎么找到文件夹、获取图片链接，还有把图片塞进轮播组件里：

一、先找到你的Images文件夹在哪儿 #

方法1：通过站点内容直接找 #

1. 打开你的SharePoint 2013站点，点右上角那个齿轮设置图标，选「站点内容」
2. 在站点内容页面里，找名为Images的文档库（如果是你自己改了名字的话，就找你命名的那个文件夹），点进去就能看到里面存的图片了

方法2：直接用URL猜（大概率能中） #

如果你的站点根地址是http://你的站点域名/站点名，那默认的Images文档库地址一般是http://你的站点域名/站点名/Images，直接把这个地址输进浏览器地址栏，能打开的话就找对地方了

方法3：结合你上传的截图找 #

要是截图里有站点导航栏、文档库列表，或者是页面编辑状态下的图片控件，你可以仔细看看里面的路径提示，从里面提取Images文件夹的位置信息

二、拿到图片的可访问链接 #

找到目标图片后，有两种简单方法拿链接：

• 右键点击图片，选「复制图片地址」（不同浏览器可能叫「复制链接」，意思差不多）
• 或者点进图片的详情页，在页面右侧的属性面板里找到URL字段，复制这个地址就行——这个就是能直接在网页里引用的有效链接

三、把图片加载到轮播组件里 #

这里给你两种常用方法，选适合你的就行：

方法1：用脚本编辑器Web部件自己写轮播代码 #

1. 编辑你要放轮播的页面，点「添加Web部件」，在「媒体和内容」分类里选「脚本编辑器」
2. 点脚本编辑器里的「编辑代码」，把下面的示例代码粘进去，记得替换成你自己的图片URL和站点信息：

<div id="myCarousel" class="carousel slide" data-ride="carousel">
  <!-- 轮播指示器 -->
  <ol class="carousel-indicators">
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
    <!-- 要是有多张图，就多复制几个li标签，改data-slide-to的数字就行 -->
  </ol>
  <!-- 轮播内容 -->
  <div class="carousel-inner">
    <div class="item active">
      <img src="http://你的站点地址/Images/你的图片名.jpg" alt="轮播图1">
    </div>
    <!-- 其他图片就复制上面的div，替换src和alt内容 -->
  </div>
  <!-- 左右切换按钮 -->
  <a class="left carousel-control" href="#myCarousel" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left"></span>
  </a>
  <a class="right carousel-control" href="#myCarousel" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right"></span>
  </a>
</div>

3. 保存页面，预览就能看到轮播效果了，样式还能根据你的需求自己调整

方法2：用SharePoint自带的图片库幻灯片Web部件（更省事） #

1. 编辑页面，添加Web部件，在「图片和视频」分类里选「图片库幻灯片」
2. 点Web部件右上角的编辑按钮，在弹出的属性面板里，选择你的Images文档库，再设置一下幻灯片的切换效果、间隔时间这些参数
3. 保存配置和页面，它就会自动把Images文件夹里的图片加载成轮播了

几个要注意的点 #

• 确保你有Images文件夹的读取权限，要是访问的时候提示权限不够，找站点管理员帮你加权限就行
• 如果是你自己建的自定义文件夹（不是默认的Images文档库），一定要确认它的URL路径和权限都没问题
• 轮播的样式比如图片大小、切换动画这些，都可以根据你的需求修改代码或者调整Web部件参数

内容的提问来源于stack exchange，提问作者Imrik