本主題說明如何在應用程式內嵌多媒體檔案、將畫筆繪圖物件上傳至資料來源,以及在應用程式顯示資料來源的影像。 本主題使用的資料來源是商務用 OneDrive 中的 Excel 檔案。

必要條件

註冊安裝 PowerApps。 開啟 PowerApps 之後,以您註冊時使用的認證來登入。

從檔案或雲端新增媒體

您可以選擇要新增的媒體檔案類型,例如影像、視訊或音訊。

  1. 在 [Content (內容)] 索引標籤上,選取 [Media (媒體)]。

  2. 在 [Media (媒體)] 下方,選取 [Images (影像)]、[Videos (視訊)] 或 [Audio (音訊)],然後選取 [Browse (瀏覽)]:

  3. 選取要新增的檔案,然後選取 [Open (開啟)]。

    您電腦上的 [圖片] 資料夾隨即開啟,您可以從該處選取影像或瀏覽至其他資料夾。

  4. 新增完檔案後,按 Esc 返回預設工作區。

  5. 在 [Insert (插入)] 索引標籤上,選取 [Media (媒體)],然後選取 [Image (影像)]、[Videos (視訊)] 或 [Audio (音訊)]:

  6. 若您新增影像控制項,則將其 Image 屬性設為您新增的檔案:

    設定 Image 屬性

    注意 請在單引號中指定不含副檔名的檔案名稱。

  7. 若您新增視訊或音訊控制項,則將其 Image 屬性設為您新增的檔案:

    設定 Media 屬性

    注意 將視訊控制項的 Media 屬性設為適當的 URL (以雙引號括住),即可播放 YouTube 視訊。

從 Azure 媒體服務新增媒體

  1. 在您的 Azure 媒體服務帳戶中,從 [AMS > 設定 > 資產] 上傳及發佈影片資產。

  2. 在發佈影片之後,複製其 URL。

  3. 從 PowerApps,從 [插入 > 媒體] 新增影片控制項。

  4. Media 屬性設定至您複製的 URL。

如本圖表所示,您可以選擇任何 Azure 媒體服務支援的串流 URL:

設定 Media 屬性

從雲端新增影像到應用程式

在此案例中,您將影像儲存在雲端儲存體帳戶 (商務用 OneDrive)。 您使用 Excel 資料表包含影像的路徑,並在應用程式的資源庫控制項中顯示影像。

此案例使用 CreateFirstApp.zip,其中包含一些 .jpeg 檔案。

注意︰Excel 檔案中這些影像的路徑必須使用正斜線。 當 PowerApps 將影像路徑儲存在 Excel 資料表時,路徑會使用反斜線。 如果您使用來自這類資料表的影像路徑,請變更 Excel 資料表中的路徑,使用正斜線而不是反斜線。 否則不會顯示影像。

  1. 下載 CreateFirstApp.zip,並解壓縮 Assets 資料夾至您的雲端儲存體帳戶。

  2. Assets 資料夾重新命名為 Assets_images

  3. 在 Excel 試算表中,建立只有一個資料行的資料表,並填入下列資料︰

    Jackets 資料表

  4. 將資料表命名為 Jackets,並將 Excel 檔案命名為 Assets.xlsx

  5. 在您的應用程式中,新增 Jackets 資料表做為資料來源。

  6. 新增一個僅限影像控制項 ([Insert (插入)] 索引標籤 > [(Gallery) 資源庫]),並將其 Items 屬性設為 Jackets

    Items 屬性

    資源庫會以影像自動更新︰

    Jacket 影像

    當您設定 Items 屬性時,名為 PowerAppsId 的資料行會自動新增到 Excel 資料表。

    在 Excel 資料表中,影像路徑也可以是影像的 URL。 地板材料估價單 (英文) 範例檔案是一個範例。 您可以將該檔案下載至您的雲端儲存體帳戶、新增 FlooringEstimates 資料表做為應用程式中的資料來源,然後將資源庫控制項設為 FlooringEstimates。 資源庫會以影像自動更新。

將畫筆繪圖物件上傳至雲端

在此案例中,您將了解如何將畫筆繪圖物件上傳至您的資料來源 (商務用 OneDrive),並檢查繪圖物件如何儲存於該處。

  1. 在 Excel 中,新增 Image [image] 到儲存格 A1。

  2. 使用下列步驟建立資料表︰

    a. 選取儲存格 A1。

    b. 在 [Insert (插入)] 功能區中,選取 [Table (資料表)]。

    c. 在對話方塊中,選取 [My table has headers (我的資料表有標題)],然後選取 [OK (確定)]。

    建立資料表

    您的 Excel 檔案現在是資料表格式。 如需 Excel 中的資料表格式化的相關資訊,請參閱將資料格式化為資料表

    d. 將資料表命名為 Drawings

    將資料表重新命名為 Drawings

  3. 將 Excel 檔案以名稱 SavePen.xlsx 儲存到商務用 OneDrive。

  4. 在 PowerApps 中,建立空白應用程式

  5. 在您的應用程式中,新增商務用 OneDrive 帳戶做為資料來源

    a. 按一下或點選 [檢視] 索引標籤,再按一下或點選 [資料來源]。

    b. 按一下或點選 [Add data source (新增資料來源)],再按一下或點選 [OneDrive for Business (商務用 OneDrive)]。

    c. 按一下或點選 SavePen.xlsx

    d. 選取 Drawings 資料表,然後按一下或點選 [Connect (連接)]。

    連接

    現在,Drawings 資料表已列為資料來源。

  6. 在 [Insert (插入)] 索引標籤上,選取 [Text (文字)],然後選取 [Pen input (手寫筆輸入)]。

  7. 將新的控制項重新命名為 MyPen

    重新命名

  8. 在 [Insert (插入)] 索引標籤上,新增按鈕控制項,並將其 OnSelect 屬性設為以下公式:

    Patch(Drawings, Defaults(Drawings), {Image:MyPen.Image})
    
  9. 新增影像資源庫控制項 ([Insert (插入)] 索引標籤 > [資源庫]),並將其 Items 屬性設為 Drawings。 資源庫控制項的 Image 屬性會自動設為 ThisItem.Image

    排列控制項,使您的畫面如同以下所示︰

    範例畫面

  10. 按 F5 鍵或選取預覽 ( )。

  11. 在 MyPen 中繪圖,然後選取該按鈕。

    資源庫控制項中的第一個影像會顯示您所繪製的圖。

  12. 在您的繪圖中新增其他元素,然後選取該按鈕。

    資源庫控制項中的第二個影像會顯示您所繪製的圖。

  13. 按 Esc 鍵關閉預覽視窗。

    在雲端儲存體帳戶中,已自動建立一個 SavePen_images資料夾。 此資料夾包含已儲存影像與其檔名的識別碼。 例如,若要顯示此資料夾,您可能需要按 F5 鍵重新整理瀏覽器視窗。

    SavePen.xlsx 中,Image 資料行指定新影像的路徑。

已知限制

如需如何在您的組織內共用 Excel 資料的詳細資訊,請檢閱這些限制

詳細資訊

請務必在其他平台 (包括在瀏覽器視窗和手機) 上先行測試您的應用程式。

如需將多媒體直接上傳到其他資料來源的更進階案例的相關資訊,請參閱影像擷取專家秘訣 (英文) 和用於上傳影像的自訂連接器 ((英文))。

另一種將檔案上傳到資料來源的方式,是使用 Patch 函式。