js 前端向服務器端傳送文件的經常使用請求方式

在作項目的過程中寫到文件上傳的功能，想着以前也是踩坑過來的，就在這裏總結下本身經常使用的方法吧。咱們如今通常都是經過ajax來搭起先後端數據交互的橋樑，可是你們在作到有文件須要上傳的時候就會發現咱們用ajax請求經過json來傳參就沒法知足咱們需求了，以下圖：

那麼來講說我經常使用的兩種上傳方式吧。

1：使用FormData對象

這種方式即不用引入第三方上傳插件，也仍是經過ajax的形式來上傳，這是我用的最多的了

2：使用form表單

這種方式是最簡單明瞭的，直接用表單提交。記得添加enctype屬性喲，這個屬性是指定form表單在向服務器提交以前，對錶單數據如何進行編碼。 文件域中的name="file"屬性的值，須要和後臺接收的對象名一致，否則接收不到的，表單提交有個缺點就是提交以後會刷新頁面，若是提交完只是須要部分刷新頁面的話建議使用方法一，若是是須要所有刷新的，那就隨意咯，哪一個順眼用哪一個。