如何使用ajax、jquery和springmvc上传文件和数据
How to Upload both file and data using ajax , jquery and spring mvc
我想使用ajax、query和Spring MVC上传数据和文件。下面是我的模式弹出窗口。谁能帮我解决这个问题吗。
<!-- Modal -->
<div id="fileUpload" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title" id="changeTitle">
<spring:message code="ulearn.summary.mastercourse.addreference" />
</h4>
</div>
<div class="modal-body">
<form class="form-horizontal" role="form" id="masterCourseItemForm" onsubmit="return false;">
<div class="form-group">
<label class="control-label col-sm-2" for="name"><spring:message code="ulearn.summary.name.label"/></label>
<div class="col-sm-10">
<input type="text" class="form-control" id="name" placeholder="" value="" autofocus="true">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="pwd"><spring:message code="ulearn.summary.description.label"/></label>
<div class="col-sm-10">
<textarea type="text" class="form-control" id="description" placeholder="" value=""></textarea>
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="pwd">File Type</label>
<div class="col-sm-10">
<select name="Select" class="selectpicker form-control" id="stateLst">
<option value="">Select</option>
<c:forEach items="${fileList}" var="option">
<option value="${option}">
<c:out value="${option}"></c:out>
</option>
</c:forEach>
</select>
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="pwd">Upload</label>
<div class="col-sm-10">
<div class="fileinput fileinput-new" data-provides="fileinput">
<span class="btn btn-default btn-file" style="width: 468px;"><span>Choose file</span><input type="file" multiple/></span>
</div>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="button" class="btn btn-primary" id="submit" data- backdrop="static">
<spring:messagecode="ulearn.btn.upload.label"/>
</button>
<button type="button" class="btn btn-primary" data-dismiss="modal"> <spring:messagecode="ulearn.btn.cancel.label"/>
</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
您可能需要了解多部分/表单数据发布。以下是关于以下主题的一些附加信息:
http://hmkcode.com/spring-mvc-upload-file-ajax-jquery-formdata/
上传文件+表单数据+Spring MVC+JQuery
相关文章:
- 不显示带有本地json文件数据的谷歌地图脚本
- 如何使用jQuery获取txt文件数据中的行数
- 在d3.json中使用d3.csv组合多个csv文件数据输入的最佳方法是什么
- 当$_FILES为空但$_POST有文件数据时进行处理
- 用于在表和报表的发件人中表示 CSV 文件数据的工具
- flow.js上传的文件数据在哪里
- 使用Chart.js中的JSON文件数据
- 将资源文件数据从控制器传输到js文件
- Jquery submit()没有't传递文件数据
- 如何使用 Javascript 循环遍历外部 JSON 文件数据
- 在Chrome中下载后访问文件数据..
- 使用jQueryFileUpload发送的文件数据在哪里
- 可以从文件上传输入中获取文件数据/val,并通过Ajax请求将其发送到服务器
- 无法从客户端将文件数据发送到 nodejs 服务器
- 将文件数据作为多部分表单数据发送到服务器
- 将图像文件数据发送到 RESTful 服务
- 如何在高图表上加载CSV文件数据
- 如何从 javascript 中提醒 json 文件数据
- 如何引用要与 HTML 和 jQuery 一起使用的 XML 文件/数据
- 尝试通过AJAX发送输入文件数据,可以'我无法访问控制器中的数据