首先這是我的表單：
<form method="post" id="addproductform" enctype="multipart/form-data">
<h1>添加商品</h1>
商品名稱:<input type="text" id="goodsname"/>
<br/>
商品圖片:<input type="file" id="goodsphoto"/>
<br/>
<br/><br/>
商品類別<br/>
一級類別：
<select id="catalogue_select1">
</select>
二級類別：
<select id="catalogue_select2">
</select>
三級類別：
<select id="catalogue_select3">
<option>三級電器</option>
<option>三級女裝</option>
<option>三級男裝</option>
</select>
<br/><br/>
·商品規格設定<br/><br/>
<div id="goodsItemDiv">
<span class="attribute">記憶體</span>:
<span class='unchecked' name='1' checked='false' onclick='change(this);'>4G</span>
<span class='unchecked' name='1' checked='false' onclick='change(this);'>8G</span>
<span class='unchecked' name='1' checked='false' onclick='change(this);'>16G</span>
<span class='unchecked' name='1' checked='false' onclick='change(this);'>32G</span>
<span class='unchecked' name='1' checked='false' onclick='change(this);'>64G</span>
</div>
<br/>
<br/>
<div>
<span class="attribute">顏色</span>:
<span class='unchecked' name='2' checked='false' onclick='change(this);'>黑色</span>
<span class='unchecked' name='2' checked='false' onclick='change(this);'>銀色</span>
<span class='unchecked' name='2' checked='false' onclick='change(this);'>深慷訓</span>
</div>
<br/>
<span class="attribute">商品價格</span>:<input type="text" id="goodsprice"/><br/><br/>
<span class="attribute">商品庫存</span>:<input type="text" id="goodsstock"/>
<div>
<br/>
<b>提示:</b><span id='resultSpan'></span>
<br/>
<input type="button" id="additem" onclick='addItem()' value="https://bbs.csdn.net/topics/添加商品規格"/><br/>
<input type="button" onclick='addThisProduct()' value="https://bbs.csdn.net/topics/添加商品"/>
</div>
</form>
主要就是里面有個檔案上傳：<input type="file" id="goodsphoto"/>
現在我希望將表單中的圖片以及其它文本資訊都傳遞到后臺中，但是！我的表單中的文本資訊比如商品名稱等等，我并不打算直接提交至后臺中，而是在JavaScript中把填寫的資料處理好后再寫入到FormData中，所以我并沒有直接寫:
form.append("product",$("#addproductform")[0]);
我是這么向FormData填充資料的：
var form = new FormData();
<!-- 這里我想獲得表單中，檔案上傳的部分T^T我實在不知道怎么搞才這么寫的 -->
form.append("productPhoto",$("#addproductform input")[1]);
<!-- productName、catalogueI、catalogueII這些都是我處理好后的資料-->
form.append("productName", productName);
form.append("catalogueI", catalogueI);
form.append("catalogueII", catalogueII);
form.append("catalogueIII", catalogueIII);
接著，我在Controller中，是這么接收的：
@ResponseBody
@RequestMapping("/addproduct")
public int addProduct(HttpServletRequest request,@RequestParam("productPhoto") MultipartFile productPhoto) throws IOException {
String productName = request.getParameter("productName");
String catalogueI = request.getParameter("catalogueI");
String catalogueII = request.getParameter("catalogueII");
String catalogueIII = request.getParameter("catalogueIII");
String originalFilePath = productPhoto.getOriginalFilename();
System.out.println("productName is: "+productName);
System.out.println("catalogueI is: "+catalogueI);
System.out.println("catalogueII is: "+catalogueII);
System.out.println("catalogueIII is: "+catalogueIII);
System.out.println("originalFilePath is: "+file.getOriginalFilename());
return 1;
}
但是就報錯了：
Resolved [org.springframework.web.multipart.support.MissingServletRequestPartException: Required request part 'productPhoto' is not present]
說是我的productPhoto欄位不存在？為啥會這樣啊？
總結來說，我的問題就是：
請問各位大神們，我到底應該怎么寫呢？主要就是我并不是把表單的所有填寫的資料都直接提交的，而是經過JavaScript處理后，連并表單中的圖片一起提交，此時我的前端、后端該怎么寫？我寫的都有哪里的錯誤呢？
uj5u.com熱心網友回復：
有沒有人替我解答一下啊
小白真的不會做....
uj5u.com熱心網友回復：
為啥要用js 處理呢，Spring 是可以圖文一起接受的sheSpring jsuj5u.com熱心網友回復：
直接submit提交吧，uj5u.com熱心網友回復：
因為我這個是添加商品的頁面，在其中需要添加多個商品規格。我想的是：在前端就將所選多個商品規格都拼接成一個JSON字串，例如：[{"記憶體":"2G","顏色":"黑色"}，{"記憶體":"4G","顏色":"深灰色"}]，這樣把它們和商品名稱這樣的其它資訊給發送到后臺就可以一并處理了。
我現在使用了FormData存盤資料，contentType為multipart/form-data格式，然后后臺使用了HttpServletRequest獲取文本的資訊，使用MultipartFile配合@RequestParam也獲取到了檔案了。謝謝你的解答。不過sheSpring js是什么東西呀，表示小白我沒懂
uj5u.com熱心網友回復：
不行啊，我是想要在前端做處理的，并不想將資料發送到后臺中再做處理(￣▽￣)"uj5u.com熱心網友回復：
你沒說圖片呀，僅僅是文字
uj5u.com熱心網友回復：
你沒說圖片呀，僅僅是文字
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/67184.html
標籤：其他