檔案上傳前端原理

2022-09-04 22:06:22 字數 376 閱讀 2614

1 我們在實現檔案上傳功能時, 往往是找到乙個現成的檔案上傳元件, 然後根據其api進行一些引數配置, 然後再根據教程取配置後端對接受到的檔案進行處理

2 但是, 有沒有思考過, 檔案只是乙個名稱, 從前端到後端, 檔案是怎麼從前端傳遞到後端的? 傳輸的資料到底是什麼?  檔案如何從計算機中獲取到的? 從計算機獲取到檔案後又是如何進行處理的? 檔案獲取之後, 瀏覽器端是如何儲存檔案中的資料的? 

只有把這些個問題搞清楚, 我們才能知道檔案從前端到後端到底經歷了什麼

3 開始探索:

(1) formdata物件:

瀏覽器端提供了乙個api, 即formdata物件, 我們進行表單上傳, 實際上就是向後台上傳的這個物件, 詳細參見  mdn

(2) 

前端檔案上傳

上傳按鈕 shangchuan this div 上傳檔案 style display none id formfile file id upload btn form js 檔案上傳 var click btn 確認哪個按鈕提交的 function shangchuan click updata ...

檔案上傳原理

個人概述 前台用form表單,將檔案放在request中。後台用request.getinputstream 從request中獲取檔案,主要是讀取檔案流,再將檔案流寫到指定檔案路徑下。眾所周知,在客戶端 中需要使用 來選擇要上傳的檔案,並上傳,如上 form action servlet uplo...

檔案上傳原理

檔案上傳漏洞 由於伺服器未對上傳的檔案 檔案型別 副檔名等 進行嚴格的驗證和過濾,造成攻擊者上傳惡意指令碼到伺服器端,從而執行攻擊者 這個過程就是檔案上傳漏洞。檔案上傳存在漏洞的原因 上傳檔案的時候,如果伺服器指令碼語言,未對上傳的檔案進行嚴格的驗證和過濾,就容易造成上傳任意檔案,包括上傳指令碼檔案...