前端同時上傳檔案和相應的資料,實現與後端互動

2021-10-12 12:31:00 字數 633 閱讀 6176

有時候前端需要將上傳的檔案傳送給後台,進行前後端的互動,下面是二種簡單的方式:

提交

//一定要寫內容型別:"multipart/form-data"

1,form表單標籤上傳(不需要處裡跨域,不需要返回,比較適用於前後端不分離的專案)

2,ajax上傳(需要處理跨域,需要拿到後端的返回結果來更新頁面)

瀏覽器的策略本質是:乙個網域名稱下面的js,沒有經過允許是不能讀取另外乙個網域名稱的內容,但是瀏覽器不阻止你向另外乙個網域名稱傳送請求。

所以form表單提交沒有跨域問題,提交form表單到另外乙個網域名稱,原來頁面是無法獲取新頁面的內容,或者說form提交後不需要返回,但是ajax是需要返回的。

而ajax是想要讀取響應內容,瀏覽器是不允許你這麼做的。

世界本無跨域,是瀏覽器不允許js訪問別的域,但是瀏覽器卻沒有限制自己,img標籤和script標籤都是可以載入其他域的或者js檔案。這不就是jsonp的跨域嘛,利用瀏覽器的歷史相容性。

瀏覽器的安全策略限制的是js指令碼,並不限制src,form表單提交之類的請求。就是說form表單提交不存在安全問題,ajax提交跨域存在安全問題。

okhttp檔案及資料同時上傳

看到上面的api 的說明文件更是頭大,所以需要了解下 multipart form data 1.multipart form data 解釋 因為在進行上傳檔案的操作的時候,有些公共的api 會要求header 的上傳格式 所以需要具體了解下相關格式的含義,以便更加精確的了解。下面是摘錄的一段 二...

c 同時上傳檔案和引數

在實際工作中遇到httppost提交請求是經常的事情,但是上傳檔案和提交資料在一次請求中完成的情況卻不經常遇到,下面整理了這種情況的c 實現 希望能對你有所幫助。實現檔案和引數一起提交 內容型別 檔案引數物件 public class fileparameter 檔名稱,帶副檔名,例如 aaa.jp...

Controller上傳多檔案的同時上傳Vo物件

需要傳檔案就要用form data apioperation 新增操作記錄 value addone public jianjingdto addone requestpart msg string msg,requestpart files list files 內部使用 requestpart註...