求spring MVC 实现异步上传文件
这是我在百度上找的代码:
html:
<form id="fundsForm" action="" enctype="multipart/form-data" method="post">
<table id="capitTable" border="0" cellSpacing="0" cellPadding="0">
<tr>
<td>
<div id="capi0" class="capital">
<div class="capitalinput" id="capitalName0">
<input type="hidden" id="hica0" value="0" name="aptitudeVO" />
<input type="file" id="capiFile0" name="file" value="上传附件"/>
</div>
<div class="delDiv"><img src="${ctx}/image/20.png" onclick="delectcapit(0)" /></div>
</div>
</td>
</tr>
</table>
</form>
</div>
<div id="submitFunds" style="width:728px;text-align:right;"><img src="${ctx}/image/9.png" style="cursor:pointer" onclick="submitCapital()" /> </div>
<script type='text/javascript' src='${ctx}/scripts/jquery-1.7.2.min.js'></script>
<script type='text/javascript' src='${ctx}/scripts/jquery.min.js'></script>
<script type="text/javascript" src="${ctx}/scripts/jquery.form.js"></script>
<script type='text/javascript'>
function submitCapital() {
var ajax_option = {
type: "post",
url : "changeCapital.do",
dataType: "json",
error: function(XMLHttpRequest, textStatus, errorThrown) {
console.log("出错了");
},
success : function(data) {
alert("到这了");
}
};
$('#fundsForm').ajaxSubmit(ajax_option);
alert('after...');
}
</script>
@Controller:
ResponseBody
private String changeCapital(@RequestParam(value="file", required=false) MultipartFile file1) {
//System.out.println(file1.getOriginalFilename());
System.out.println("file1 -> " + file1);
if (file1 != null) {
try {
System.out.println("bytes size of file1 -> " + file1.getBytes().length);
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
return null;
}
上传后 控制台打印:file1 -> null
前端:

并直接弹出after... 并不弹出"到这了"
前端报错Uncaught : undefined is not a function
百度得知在jquery文件中加入

我加入后又报

各位大神求救啊
也不知道这个方法行不行?
主要是实现异步上传多个文件,如果这个方法不行,还请教我...
html:
<form id="fundsForm" action="" enctype="multipart/form-data" method="post">
<table id="capitTable" border="0" cellSpacing="0" cellPadding="0">
<tr>
<td>
<div id="capi0" class="capital">
<div class="capitalinput" id="capitalName0">
<input type="hidden" id="hica0" value="0" name="aptitudeVO" />
<input type="file" id="capiFile0" name="file" value="上传附件"/>
</div>
<div class="delDiv"><img src="${ctx}/image/20.png" onclick="delectcapit(0)" /></div>
</div>
</td>
</tr>
</table>
</form>
</div>
<div id="submitFunds" style="width:728px;text-align:right;"><img src="${ctx}/image/9.png" style="cursor:pointer" onclick="submitCapital()" /> </div>
<script type='text/javascript' src='${ctx}/scripts/jquery-1.7.2.min.js'></script>
<script type='text/javascript' src='${ctx}/scripts/jquery.min.js'></script>
<script type="text/javascript" src="${ctx}/scripts/jquery.form.js"></script>
<script type='text/javascript'>
function submitCapital() {
var ajax_option = {
type: "post",
url : "changeCapital.do",
dataType: "json",
error: function(XMLHttpRequest, textStatus, errorThrown) {
console.log("出错了");
},
success : function(data) {
alert("到这了");
}
};
$('#fundsForm').ajaxSubmit(ajax_option);
alert('after...');
}
</script>
@Controller:
ResponseBody
private String changeCapital(@RequestParam(value="file", required=false) MultipartFile file1) {
//System.out.println(file1.getOriginalFilename());
System.out.println("file1 -> " + file1);
if (file1 != null) {
try {
System.out.println("bytes size of file1 -> " + file1.getBytes().length);
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
return null;
}
上传后 控制台打印:file1 -> null
前端:

并直接弹出after... 并不弹出"到这了"
前端报错Uncaught : undefined is not a function
百度得知在jquery文件中加入

我加入后又报

各位大神求救啊
也不知道这个方法行不行?
主要是实现异步上传多个文件,如果这个方法不行,还请教我...
...全文
相关推荐
Spring MVC文件上传大小和类型限制以及超大文件上传bug问题
主要介绍了Spring MVC文件上传大小和类型限制以及超大文件上传bug问题,非常具有实用价值,需要的朋友可以参考下
基于Spring MVC与Bootstrap的文件上传Demo实战
除文件大小外,还应统一处理其他常见异常:log.error("文件处理失败", e);return ResponseEntity.status(500).body("{\"error\":\"服务器内部错误\"}");更高级的做法是定义标准化响应体:"message": "上传文件总大小不能超过50MB",此类一致性设计有利于前端统一错误展示逻辑。});console.log(`${file.name} 上传成功`);// 继续处理下一个。
基于Spring MVC的Uploadify文件上传实战案例
Uploadify的整个上传过程可以被划分为多个明确的阶段:从用户选择文件开始,到文件加入队列、准备上传、进度更新、成功或失败结束,最后完成整个队列任务。每个阶段都对应一个可注册的回调函数,统称为“生命周期钩子”。这些钩子按执行顺序依次为:onInit:组件初始化完成后触发。onSelect:用户选择文件后立即调用(可用于预校验)。onFallback:当浏览器不支持Flash且无降级方案时触发。:单个文件开始上传前执行。onProgress:上传过程中持续调用,用于展示进度。
spring mvc ajax异步文件的上传和普通文件上传
NULL 博文链接:https://1197581932.iteye.com/blog/2330457
java实现多文件异步上传
java实现多文件异步上传


Web 开发

