js怎么实现From表单和图片上传同时在一个页面里提交

[qq_41188429]

<form action="<%=path%>/addGoodServlet" enctype="multipart/form-data">
请输入名称:<input type="text" name="name"><span>${Error}</span><br>
请输入全称:<input type="text" name="fullName"><br>
请输入库存:<input type="text" name="num"><br>
请输入价格:<input type="text" name="price"><br>
请输入邮费:<input type="text" name="postages"><br>
请选择上传的图片:<input type="file" name="imgfile"><br>
<input type="submit" value="提交"><br>
</form>

这样子传到后台的值是空

求大神解答

[夜明小肥猪]

选择图片操作成功时，把base64存在form内的一个hidden的input中吧。

[莫扎特不唱摇篮曲]

jquery form 插件，楼主值得拥有 https://github.com/jquery-form/form

[waxf523]

你后台要用MultipartFile类接收

[Rolf已存在]

fileupload或cos

[qq_35843061]

在你的action 的java代码中，加入input的id名字，并添加ge tset 方法

[In_new]

后台要写一个工具类处理的，比如io流读取写入（我是这么想的，不过可能nio好些）

[maradona1984]

https://www.baidu.com 输入 multipartform-data 获取参数

[wj13934233472]

var form=new FormData(document.getElementById("form1"))

[java_yinxuan]

你后台怎么接收的，晒一下代码

[wj13934233472]

function savebtn(){ var form=new FormData(document.getElementById("stepy_form1")) $.ajax({ url:"<%=path %>/da_dataAdd", type:"post", data:form, processData:false, contentType:false, success:function(data){ parent.window.location.href="<%=path %>/comck_comckAdd"; } }); }

[lengyulone]

这个我昨天写的

$("#form1").ajaxSubmit({
			      cache: true,
			      type: "POST",
			      url:"tYwCjyCybfhbzhzbController.do?saveJcdw",
			      dataType : 'json',
			      async: false,
			     success: function(data) {
			    };
		 });

需要引入jquery.form.js，后台用MultipartFile接收。