在我們日常的web開發中，上傳文件是不可避免的一個環節。但是，在這個過程中，我們要面臨的難題便是如何高效的上傳文件。相信大家都有過使用原生的input file標簽上傳過文件的經驗，然而這一方法在上傳較大的文件時，會占用客戶端的過多資源，造成卡頓的不良體驗。此時，我們就需要一個更加高效、優雅的方案，這便是FormData上傳文件。 什么是formData？ FormData是HTML5新增的一種表單數據的傳輸格式，能夠將form表單中的數據序列化，使得我們在前端能夠輕易的完成上傳文件、圖片、音頻等操作。而這一過程，無需引入任何第三方庫，便能在客戶端高效、優雅的完成所有工作。 那么，在PHP中如何處理前端上傳的FormData數據呢？ 其實，處理FormData是很輕松的一件事情。提交過來的FormData數據，可以直接使用$_FILES全局變量進行處理。舉個例子，如下代碼可輕松完成對前端上傳FormData數據的處理： ```php``` 以上代碼通過$FILES全局變量獲取前端上傳的文件對象，從而得到文件信息。在通過move_uploaded_file函數將文件從臨時路徑移動至指定路徑，并完成上傳。 當然，這僅僅是最基本的上傳方式，我們還需要掌握更多的知識去完成業務需求。以下是幾個formData上傳文件的常用技巧： 一、前端傳參 前端在構建formData對象時，可以傳入自己需要傳遞的參數。下面是示例代碼： ```javascript // 前端上傳文件并傳遞參數 let formData = new FormData(); formData.append('name', 'test'); formData.append('age', 18); formData.append('file', document.querySelector('input[type=file]').files[0]); // 以上的formData對象中，name和age字段都會隨著文件一并上傳至服務器 ``` 二、formData對象轉化為json formData對象中存儲的是表單數據，因此，我們需要對它進行序列化。此時，formData對象中是難以直接調用JSON.stringify()方法的。但是，我們可以通過拼接字符串并序列化的方式較快的完成對象到json的轉化。以下是示例代碼： ```javascript // 將formData對象轉化為json格式 function formData2Json(formData) { let obj = {}; formData.forEach((value, key) =>obj[key] = value); return JSON.stringify(obj); } ``` 三、前端上傳多文件 在上傳多個文件時，我們往往需要在formData對象中添加多個file字段。以下是示例代碼： ```javascript // 前端上傳多個文件，formData對象需要添加多個file字段 let formData = new FormData(); formData.append('file', document.querySelector('input[type=file]').files[0]); formData.append('file', document.querySelector('input[type=file]').files[1]); ``` 以上幾個技巧，同樣都需要服務器進行配合，才能完成優秀的操作。在實際使用中，我們也需要根據實際需求，在formData操作上自行擴展。 最后，讓我們再次總結一下，formData在上傳文件這一方面的優勢。其一，能夠避免過多消耗客戶端的資源；其二，可以快速的處理文件上傳等操作；其三，數據對象的序列化后，能夠更加高效地傳輸至服務器。 希望這份文章能夠成為您對formData上傳文件的開端！