文件預覽功能使用技巧(4)—圖片水印

一、導語

智慧媒體管理 提供了文件預覽功能，通過 快速搭建 文章的介紹，詳細描述了使用 “文件轉換 + JS 前端渲染引擎” 實現文件預覽的過程，本文將介紹預覽功能中的 圖片水印（wmType=2 和 wmValue=url 引數） 技巧。

二、技術背景

通過 快速搭建 提供如下的預覽 URL：

https://preview.imm.aliyun.com/index.html
?url=https://yourid-dev-imm.oss-cn-shanghai.aliyuncs.com/test-data/office/paxos.pptx/output    //無需在output後加`/`
&region=oss-cn-shanghai    //轉換資料所在桶的region
&bucket=yourid-dev-imm    //轉換資料所在桶

此時，可以在瀏覽器中預覽，如下圖所示（注意，預覽內容沒有水印）：

三、使能圖片水印

實際上，智慧媒體管理 可以通過增加 wmType=2 & wmValue=url 引數，在預覽時顯示圖片水印，此時預覽 URL 為：

https://preview.imm.aliyun.com/index.html
?url=https://yourid-dev-imm.oss-cn-shanghai.aliyuncs.com/test-data/office/paxos.pptx/output    //無需在output後加`/`
&region=oss-cn-shanghai    //轉換資料所在桶的region
&bucket=yourid-dev-imm    //轉換資料所在桶
&wmType=1    //水印型別為文字型
&wmValue=https://your-domain.com/wm.jpeg    //水印顯示的圖片URL地址

此時，效果如下圖所示（注意，在原有文字背景顯示了圖片水印）：

四、使用場景

通過控制 圖片水印 引數（wmType=2&wmValue=url），您可以控制預覽時，在瀏覽器中顯示圖片水印內容，從而更好的實現文件的安全管控、以及更炫的美化效果。

五、參考文件

1. 智慧儲存產品文件轉換/預覽功能總結(4)—快速搭建