jQuery上传⽂件的⽅法<div id="login-form">
jquery下载的文件怎么使用<!--<form id="uploadSongsForm" method="POST" action="/upload" enctype="multipart/form-data">-->
<form id="uploadSongsForm"  enctype="multipart/form-data">
<div  id="showMp3Files" class="tittle">
<div class=" form-group">
<input type="file" name="file" id="mp3Files">
</div>
<div class=" form-group">
<button type="reset" id="clearmp3" class="btn btn-dark">清除选择歌曲</button>
</div>
<div class=" form-group">
nmixx怎么读
<input type="submit" value="上传"  id="uploadBtn" class=" btn btn-primary">
</div>
</div>
</form>
jq代码
$("#uploadSongsForm").submit(function () {
$.post("/upload",{file:file},function (info) {
if(info.flag){
alert(info.msg)
导航html模板
}else{
//添加失败
alert(info.msg);
}
});
return false;
});
controller代码
private static final org.slf4j.Logger LOGGER = Logger(FileUploadController.class);
@GetMapping("/upload")
public String upload() {
return "upload";java销售管理系统代码
}
@PostMapping("/upload")
@ResponseBody
public ResultInfo upload(@RequestParam("file") MultipartFile file) {
ResultInfo info=new ResultInfo();
info.setFlag(false);
if (file.isEmpty()) {
info.setMsg("⽂件为空");
info.setFlag(false);
return info;
}
String fileName = OriginalFilename();
String filePath = "/mp3/";
System.out.println("⽂件名:"+fileName);
File dest = new File(filePath + fileName);
try {
docker可以运行不同的语言程序吗LOGGER.info("succeed");
info.setFlag(true);
info.setMsg("上传成功");
return info;
} catch (IOException e) {
<(e.toString(), e);
}
css制作动画效果info.setMsg("上传失败");
return info;
}
就我的猜测是jq段肯定是有错误的。
试着修改过来。
jq的ajax⽅法：
$(window).ready(function () {
$("#uploadBtn").click(function () {
var formData=new FormData($("#uploadSongsForm")[0]);
alert(formData);
$.ajax({
url:"/upload",
type:"post",
data:formData,
            async: false,  //有⼀点需要注意的是，以formdata的⽅式提交时需要添加async: false, 同步，否则后台⽆法接收到前台传过来的file⽂件数据                    cache:false,
processData: false,
contentType: false,
success:function (str) {
alert(str);
},
erro:
function (str) {
alert(str)
}
}
)
})
})
这个好处就是，F12，请求的路径都不显⽰在浏览器⾥。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。