SharePoint 2013 圖像呈現形式介紹


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

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

  • 配置的 BLOB 緩存 基於磁盤的 BLOB 緩存用於控制二進制大型對象 (BLOB)(例如常用圖像、音頻和視頻文件以及用於顯示網頁的其他文件(例如 .css 文件和 .js 文件))的緩存。必須在要在其中使用圖像呈現形式的各個前端 Web 服務器上啟用 BLOB 緩存。如果未啟用 BLOB 緩存,則始終使用原始圖像。有關詳細信息,請參閱 TechNet 庫中的為 Web 應用程序配置緩存設置。

  • 資源庫(推薦) 可以使用資源庫模板來設置可輕松存儲、組織和查找富媒體資產(如圖像、音頻或視頻文件)的庫。有關詳細信息,請參閱 Office.com 上的設置用於存儲圖像、音頻或視頻文件的資源庫。

  1、我的測試站點,就是發布站點,跳過第一條先決條件;配置BLOB緩存,打開端口下的Web.config,找到如下節點,將enable設置為true:

clip_image002

  完整的節點:

<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,點擊進入:

clip_image004

  3、點擊Add new item來添加一個呈現形式,如下圖:

clip_image006

  4、填寫新的呈現形式的屬性,如下圖:

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

clip_image008

  5、打開測試頁面,從SharePoint插入一張圖片;

clip_image010

  6、選擇Site Asset庫中的圖片,庫的類型為推薦的資源庫(后來嘗試發現文檔庫類型就可以,但是列表附件不行,外部鏈接更不行);

clip_image012

  7、可以選中添加的圖片,選擇Image選項卡中Select的Image Rendition,選擇我們自定義的呈現形式;

clip_image014

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

clip_image016

  9、編輯已經添加的呈現形式,點擊Click to change,如下圖:

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

clip_image018

  10、可以選擇圖片的截取位置(默認從中間截取),如下圖:

clip_image020

  11、我們還可以使用標簽的形式,使用呈現形式,如下:

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

clip_image022

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

clip_image024

  13、在瀏覽器中,直接打開圖片,如下圖:

clip_image026

總結

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM