前言
最近開始跟一間公司配合遠端工作,主要是做vue.js的專案維護跟開發工作,然後有個需求是要在系統上使用WebCam接上攝像頭,並且用攝像頭拍照之後,將照片上傳到使用者檔案裡。
原先系統中就有上傳圖片的功能,當初api設計時,參數是接收base64的png格式,並且會在後端轉檔成jpeg後儲存,但我裝了vue-web-cam這套件之後,才發現他Capture WebCam之後拿到的base64格式是jpeg,若我將這圖片資料原封不動丟到以前的上傳圖片API,圖片在後端轉檔後就會損毀,如下圖