这段代码展示了如何使用jQuery的Ajax方法实现单文件和多文件上传。通过创建FormData对象，将表单数据附加到请求中，并设置请求头以允许处理二进制数据，实现了无刷新的文件上传功能。当上传成功时，会显示数据响应；如果上传失败，会弹出错误提示。
单文件上传
文件:
上传文件
$(function () {
$("#upload").click(function () {
var formData = new FormData($('#uploadForm')[0]);
$.ajax({
type: 'post',
url: "http://192.168.1.101:8080/springbootdemo/file/upload",
data: formData,
cache: false,
processData: false,
contentType: false,
}).success(function (data) {
alert(data);
}).error(function () {
alert("上传失败");
});
});
});
多文件上传
文件:
上传文件
$(function () {
$("#upload").click(function () {
var formData = new FormData($('#uploadForm')[0]);
$.ajax({
type: 'post',
url: "http://192.168.1.101:8080/springbootdemo/file/uploadFiles",
data: formData,
cache: false,
processData: false,
contentType: false,
}).success(function (data) {
alert(data);
}).error(function () {
alert("上传失败");
});
});
});
一键复制
编辑
Web IDE
原始数据
按行查看
历史
扫一扫
1204
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
