檔案讀寫

Web:AI 檔案讀寫功能能夠將鏡頭拍攝的圖片存入，並透過 LCD 螢幕顯示的功能將儲存的圖片展示出來。透過檔案讀寫功能，可以讓 Web:AI 開發板實現照相機、自拍等影像應用。

更多相關應用，可以參考：LCD 顯示圖片。

寫入檔案

「寫入檔案」積木可以將鏡頭捕捉到的影像儲存在開發板記憶體中，再配合其它積木展示。

圖片 ( 檔案 )

「圖片 ( 檔案 )」積木要使用的圖片，能夠根據圖檔的名稱加以讀取並使用。

應用範例：自拍照相

1. 先設定拍照狀態，使用「無限重複」積木讓開發板保持在拍照狀態。
2. 使用「變數 show」來表示相機的狀態，開發板一開始會保持在拍照狀態。

- 真：展示拍攝的照片
- 假：拍照狀態

1. 設定當 L 按鈕按下，會拍攝照片，並同時顯示「儲存中…」和「完成」。

1. 設定當 R 按鈕按下，會顯示拍攝的照片。
2. 設定當 R 按鈕放開，「變數 show」為假，回到拍照狀態。
3. 完成後開始執行，按下開發板 L 按鈕拍照，按下 R 按鈕展示。

圖片雲端上傳

「圖片雲端上傳」積木能夠將開發板中的圖檔上傳至雲端空間「Webduino 小口袋」。 如下方積木代表：拍攝一張照片，命名為「pic」後上傳雲端，將雲端網址設定為變數「URL」。

應用範例：拍照上傳小口袋

➤ 前往 範例連結

1. 使用「圖片雲端上傳」積木搭配「按鈕」積木，按下 L 按鈕能夠拍一張照片上傳到 Webduino 小口袋。
2. 加入小怪獸積木，讓綠色小怪獸說出雲端網址、紅色小怪獸展示圖片。
3. 執行後，按下 L 按鈕，可以拍照上傳，並用小怪獸顯示出來。

圖片雲端下載

「圖片雲端下載」積木可以將「Webduino 小口袋」的圖片下載到開發板中，能夠搭配「LCD 顯示圖片」積木將圖片顯示出來。

應用範例：顯示雲端圖片

➤ 前往 範例連結

1. 先使用「圖片雲端上傳」積木將圖片命名，上傳至 Webduino 小口袋。
2. 使用「圖片雲端下載積木」，設定雲端圖片的檔名，如上傳雲端的圖片名稱為「apple」，則將檔名設定為「apple」。
3. 搭配「LCD 顯示圖片」積木，可以讓開發板顯示下載的雲端圖片。

下載圖片

「下載圖片」積木可以設定網路圖片的網址，並將圖片下載到開發板中。

應用範例：下載網路圖片

➤ 前往 範例連結

1. 在瀏覽器中搜尋圖片，如下圖搜尋「webai」。
2. 找到想下載的圖片，按下右鍵，點擊「複製圖片位址」。
3. 將複製的圖片位址貼在積木的網址中，並設定圖片檔名。
4. 使用「LCD 顯示圖片」積木將圖片顯示出來。

為什麼 Ｗeb:AI 顯示不出圖片？

當「下載圖片，網址…」積木中填入異常的網址時，Web:AI 將顯示以下畫面： 此時需要檢查「圖片網址」是否正確，請確認網址結尾是「…jpg」或其他圖片格式 ( 支援 .jpg, .jpeg, .png, .webp )，然後再次執行程式即可。