當前位置:首頁 » 網頁前端 » 前端將上傳文件流傳給後端
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

前端將上傳文件流傳給後端

發布時間: 2022-10-04 07:18:31

A. 前端上傳文件的幾種方法

1.表單上傳

最傳統的圖片上傳方式是form表單上傳,使用form表單的input[type=」file」]控制項,打開系統的文件選擇對話框,從而達到選擇文件並上傳的目的。

form表單上傳

表單上傳需要注意以下幾點:

(1).提供form表單,method必須是post。

(2).form表單的enctype必須是multipart/form-data。

javascript學習交流群:453833554

enctype 屬性規定在發送到伺服器之前應該如何對表單數據進行編碼。默認地,表單數據會編碼為 "application/x-www-form-urlencoded"。就是說,在發送到伺服器之前,所有字元都會進行編碼。HTML表單如何打包數據文件是由enctype這個屬性決定的。enctype有以下幾種取值:

application/x-www-form-urlencoded:在發送前編碼所有字元(默認)(空格被編碼為』+』,特殊字元被編碼為ASCII十六進制字元)。

multipart/form-data:不對字元編碼。在使用包含文件上傳控制項的表單時,必須使用該值。

text/plain:空格轉換為 「+」 加號,但不對特殊字元編碼。

默認enctype=application/x-www-form-urlencoded,所以表單的內容會按URL規則編碼,然後根據表單的提交方法:

method=』get』 編碼後的表單內容附加在請求連接後,

method=』post』 編碼後的表單內容作為post請求的正文內容。

B. 前端nginx作為緩沖,將所有的訪問都傳給後端,這樣可以嗎

樓主的情況 我可以解答,我們原來用nginx做代理,代理後端的apache,結果評論的ip全是一樣的,也就是都是代理的ip,呵呵,你想要的就是這樣的結果吧
nginx 配置下面就會得到客戶的真實ip
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header REMOTE-HOST $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
,你只要配置的時候不加這個就可以了

C. 前端怎麼把數組傳給後端啊

前台核心代碼
var misGroup = new Array();
var srcGroup = new Array();
$.ajax({
type : "POST",
url : "preplan_preplan_savePreplan.action",
dataType : "json",
traditional : true,
data : {
//此處misArray跟後台對應
misArray : misGroup,
//此處srcArray跟後台對應
srcArray : srcGroup
},
success : function() {
}
});

D. 前端做input表單,type=file怎樣提交給後台

1、首先,你要對form表單設置下相關屬性,增加如下屬性:
enctype="multipart/form-data" action="接收上傳文件的後台處理URL" method="post"
<form enctype="multipart/form-data" action="" method="post">
<input type="file" <a href="https://www..com/s?wd=id&tn=44039180_cpr&fenlei=-bIi4WUvYETgN-" target="_blank" class="-highlight">id</a>="choosefile" />
<input type="file" <a href="https://www..com/s?wd=id&tn=44039180_cpr&fenlei=-bIi4WUvYETgN-" target="_blank" class="-highlight">id</a>="f" style="display:none;" />
<input type="submit" value="上傳文件" <a href="https://www..com/s?wd=id&tn=44039180_cpr&fenlei=-bIi4WUvYETgN-" target="_blank" class="-highlight">id</a>="submitBtn" />
</form>

2、編寫接收客戶端文件上傳的後台代碼,即上面提到的「接收上傳文件的後台處理URL」的相關代碼。

3、當點擊上面增加的「上傳文件」按鈕後,將調用action對應的處理方法進行文件上傳

因為不知道你是使用什麼語句作為後台程序的運行語句,這里沒法給出示例。像很多都有現成的插件。

E. 前端如何把用戶導入的文件傳給後台

var OrderModel = {};
var psgArray = [];
$("input[name='psgId']").each(function () {
var person = {}; //定義一個類接收數據
person.id = $(this).val();
psgArray.push(person);
});
OrderModel.psgList = psgArray;

var JsonData = encodeURIComponent(JSON.stringify(OrderModel)); //序列化對象

F. 前端批量上傳圖片後端怎麼接收

循環啊 非同步啊,直接轉換成base64傳到後台,後台循環解碼,保存在文件夾裡面不就可以了。

G. Java中前端jsp頁面選擇文件上傳之後,傳遞到後台的是路徑還是流

題主你好,你這么問的話說明對於文件上傳的概念還是有些不清楚。文件作為資源,如何進行網路傳輸呢?在傳輸層,java封裝了各種流對象進行伺服器與客戶端的交互。如果是路徑的話,試問伺服器怎麼知道你傳過來的路徑是什麼,並且生成對應的文件呢?

H. 前端可以直接上傳文件,不經過後台到伺服器中嗎

可以這樣子。轉為base64數據後就是一段字元串,POST上傳就好了。
但是一般不會採用這種方案,因為
1.Base64要求把每三個8Bit的位元組轉換為四個6Bit的位元組(38 = 46 = 24),然後把6Bit再添兩位高位0,組成四個8Bit的位元組,也就是說,轉換後的數據理論上將要比原來的大1/3,消耗流量,浪費空間。
2.你轉化為Base64之後怎麼存儲呢?存儲在資料庫嗎?那又要多支付訪問資料庫的開銷。存儲為圖片文件嗎?那又要轉換回來,也是增加了解析轉換的開銷。
3.瀏覽器的兼容問題,IE 8 以下不支持 data url,IE 8 開始支持 data url,卻有大小限制。

I. 文件上傳功能是前端開發做的事,還是後台開發做的事

這個是前後端配合完成的事:
後端:編寫後台邏輯,提供上傳文件的介面。
前端:根據後端提供的介面,編寫前端代碼,向後端提供的介面發送文件。

J. 前端怎麼傳圖片給後台(java)

你可以現在前台控制台列印一下base64的流,看看是否獲取圖片成功。如果成功再去後台看看獲取的文件信息,haerd中是否有數據。
然後就是你沒有後台代碼,這里也不好判斷是否是接收問題