[AppSheet教學] 如何在Google試算表中直接顯示AppSheet上傳的圖片？

在使用AppSheet開發應用時，我們常會需要拍照上傳功能。然而，上傳後的照片在對應的Google試算表中，預設只會儲存檔案的路徑名稱 (例如：Photos_Images/image.035915.jpg)，而非直接可見的圖片。這篇文章將教你如何透過幾個簡單的步驟，組合出正確的圖片URL，讓圖片直接顯示在試算表的儲存格中，方便後續的資料檢視與管理。

核心概念

要讓圖片顯示在Google試算表中，我們需要完成兩件事：

1. 停用AppSheet的URL簽署安全機制，允許外部直接存取圖片URL。

2. 在試算表中組合出一個完整的、可公開存取的圖片網址。

3. 使用Google試算表的 IMAGE() 函數來顯示該網址的圖片。

---

關鍵步驟一：停用圖片與檔案URL簽署

這是最重要的一步。如果沒有停用此設定，你組合出來的URL會因為缺少安全簽章而無法被存取。

1. 進入您的AppSheet應用程式編輯器。

2. 點擊左側選單的 Security (安全性)。

3. 在上方頁籤中選擇 Options (選項)。

4. 向下捲動，找到 Require Image and File URL Signing (要求圖片與檔案URL簽署) 這個選項。

5. 將此選項的開關關閉 (停用)。

6. 點擊右上角的 Save 儲存設定。

注意：停用此選項會讓知道URL的人都能看到圖片。請評估您的應用情境是否適合公開圖片。

---

步驟二：組合圖片的公開URL

AppSheet的圖片URL有一定的格式，我們需要將固定的前綴網址與動態的檔案名稱組合起來。

URL有兩種常見格式，功能上是相通的：

• 格式A (template): https://www.appsheet.com/template/gettablefileurl?appName=[您的應用名稱]&tableName=[您的資料表名稱]&fileName=[您的圖片檔案路徑]

• 格式B (image): https://www.appsheet.com/image/getimageurl?appName=[您的應用名稱]&tableName=[您的資料表名稱]&fileName=[您的圖片檔案路徑]

如何快速取得這些資訊？

一個非常實用的技巧是：

1. 在AppSheet預覽畫面中，對任何一張已上傳的圖片按右鍵。

2. 選擇「複製圖片位址」。

3. 將複製的網址貼到記事本，你就能清楚看到自己應用的 appName 和 tableName 了。

---

步驟三：在Google試算表中建立公式

現在回到你的Google試算表，我們需要新增兩個欄位來處理這件事。

假設你的原始圖片路徑儲存在 C欄。

1. 新增「圖片網址」欄位 (假設為D欄)
   在這個欄位，我們要用公式組合出完整的URL。將以下公式貼到 D2 儲存格：

   Generated excel

   =SUBSTITUTE(CONCATENATE("https://www.appsheet.com/image/getimageurl?appName=PictureUpload-916457&tableName=Picture&fileName=", C2), " ", "%20")

   公式解析：

   • CONCATENATE("...", C2)：將固定的URL前綴和C2儲存格的檔案路徑串接起來。

   • SUBSTITUTE(..., " ", "%20")：這個函數非常重要，它會將檔案路徑中可能出現的「空格」替換成URL編碼的 %20，避免URL因空格而失效。

   • 請務必將 

2. 新增「顯示圖片」欄位 (假設為E欄)
   這個欄位很簡單，只要使用Google Sheet內建的 IMAGE 函數即可。將以下公式貼到 E2 儲存格：

   Generated excel

   =IMAGE(D2)

   這個公式會讀取D2儲存格的URL，並將圖片顯示出來。

3. 向下填滿公式
   將 D2 和 E2 的公式一起選取，並將滑鼠移到儲存格右下角，當出現黑色十字時，點擊並向下拖曳，即可將公式應用到所有資料列。

---

步驟四：讓AppSheet同步新欄位

當你在Google試算表中新增欄位後，需要讓AppSheet知道結構已經改變。

1. 回到AppSheet編輯器。

2. 點擊左側選單的 Data (資料)。

3. 找到你的資料表，點擊旁邊的重新整理圖示，或是進入 Columns (欄位) 頁面。

4. AppSheet可能會跳出錯誤，提示欄位數量不匹配。

5. 點擊 Regenerate Structure (重新產生結構)，AppSheet就會重新讀取試算表，並將你新增的「圖片網址」和「顯示圖片」欄位同步進來。

完成以上步驟後，未來只要有新的照片上傳，Google試算表就會自動產生對應的URL並顯示圖片，讓你的資料管理更加直觀方便！