鐵人檔案
前言 前幾天我們聊的是串接API，在前端功能開發裡，遇到的第二個主題就是檔案處理。 檔案處理也是在網頁中常見的功能。記得一開始要做的時候糊亂的測試，搞不清楚bl...
前端網頁若要取得一個檔案，大家可能第一個畫面就是下面這個UI吧！是利用<input type="file">，選擇本地端檔案的畫...
Object URL 基本定義 Object URL(MDN定義名稱) 又稱 Blob URL(W3C定義名稱)，是HTML5中的新標準。Object URL是...
ArrayBuffer ArrayBuffer (又稱byte-array) 就是一段固定大小的記憶體區塊，儲存二進位制資料的一段記憶體，是一個個 0/1 組...
前幾天，我們已經認識了跟檔案相關的物件，包含:Blob, File, FileList, arryBuffer等。那接下來就可以開始看各種應用囉！ 在開始進行應...
接下來的範例都會以vue.js語法撰寫喔! 情境 在上傳圖檔到server前，須在前端UI上顯示預覽圖像。 上傳預覽的兩種方式 方法1. ObjectURL 流...
通常上傳檔案時，嚴謹一點，可能會需要做「檔案格式檢查」。白話一點說，就是使用者上傳的檔案有沒有符合網站限制的格式EX：我們要求這個檔案必須是圖檔的png或jpg...
從前端傳輸檔案到後端可以透過兩種形式： base64的格式 (ios, android不支援) FormData 今天要跟大家介紹的就是FormData是什...
上傳檔案其實還有蠻多議題可以討論，那我們今天就一一道來ＸＤ 顯示上傳進度 檔案上傳昨天我們有提到，可以用FormData的型式，透過API傳給後端。由於新版的X...
情境 有多個文件或圖檔利用checkbox勾選後，可以直接點選下載按鈕。此時網站會將剛剛所選擇的項目打包成一包zip下載到你的電腦中。 使用套件 - jszip...
