SharePoint 2013 映像呈現形式介紹

標籤：style   class   blog   code   http   tar   

　　由於映像呈現形式依賴 SharePoint Server 2013 中的其他功能，因此需確保您滿足本節中的先決條件，才能執行本文中的過程。先決條件包括：

　　? 發布網站集合 您要在其中添加映像呈現形式的網站集合必須已事先使用發布門戶或產品目錄網站集合模板進行建立。或者，您必須在要使用映像呈現形式的網站集合上啟用發布功能。有關詳細資料，請參閱 TechNet 庫中的發布到 Internet、Intranet 和 Extranet 網站的概述。

　　? 配置的 BLOB 緩衝 基於磁碟的 BLOB 緩衝用於控制二進位大型物件 (BLOB)（例如常用映像、音頻和視頻檔案以及用於顯示網頁的其他檔案（例如 .css 檔案和 .js 檔案））的緩衝。必須在要在其中使用映像呈現形式的各個前端網頁伺服器上啟用 BLOB 緩衝。如果未啟用 BLOB 緩衝，則始終使用原始映像。有關詳細資料，請參閱 TechNet 庫中的為 Web 應用程式配置緩衝設定。

　　? 資產庫（推薦） 可以使用資產庫模板來設定可輕鬆儲存、組織和尋找富媒體資產（像、音頻或視頻檔案）的庫。有關詳細資料，請參閱 Office.com 上的設定用於儲存映像、音頻或視頻檔案的資產庫。

　　1、我的測試網站，就是發布網站，跳過第一條先決條件；配置BLOB緩衝，開啟連接埠下的Web.config，找到如下節點，將enable設定為true：

　　完整的節點：

<BlobCache location="C:\BlobCache\14" path="\.(gif|jpg|jpeg|jpe|jfif|bmp|dib|tif|tiff|themedbmp|themedcss|themedgif|themedjpg|themedpng|ico|png|wdp|hdp|css|js|asf|avi|flv|m4v|mov|mp3|mp4|mpeg|mpg|rm|rmvb|wma|wmv|ogg|ogv|oga|webm|xap)$" maxSize="10" enabled="true" />

　　2、進入網站設定，找到Look and Feel中Image Renditions，點擊進入：

　　3、點擊Add new item來添加一個呈現形式，如：

　　4、填寫新的呈現形式的屬性，如：

　　分別填寫呈現形式的名稱和寬高屬性；

　　5、開啟測試頁面，從SharePoint插入一張圖片；

　　6、選擇Site Asset庫中的圖片，庫的類型為推薦的資產庫（後來嘗試發現文件庫類型就可以，但是列表附件不行，外部連結更不行）；

　　7、可以選中添加的圖片，選擇Image選項卡中Select的Image Rendition，選擇我們自訂的呈現形式；

　　8、一張大圖來看看所有的呈現形式，當然，我們還可以編輯已經添加的呈現形式：

　　9、編輯已經添加的呈現形式，點擊Click to change，如：

　　特別要說的是，如果這裡修改了呈現形式，那麼所有使用這個呈現形式的圖片，都會跟隨你的修改進行展示；

　　10、可以選擇圖片的截取位置（預設從中間截取），如：

　　11、我們還可以使用標籤的形式，使用呈現形式，如下：

　　當然，我們還可以使用/Site%20Asset/1.jpg?RenditionID=5的src形式；

　　12、呈現形式的展示，其實圖片還是那張圖片，但是，已經按照我們定義的呈現形式進行展示了；

　　13、在瀏覽器中，直接開啟圖片，如：

總結

　　以上，就是SharePoint2013呈現形式的簡單介紹，我們可以通過呈現形式，把圖片進行不一樣的展示；而且，SharePoint會通過自身機制緩衝圖片，使網站的載入速度大大提升，為我們帶來更好的使用者體驗。