file类型的input输入框获得value时可使用:
<input type="file" name="videoPath" id="vv"><br>
var formData = new FormData()
formData.append("videoPath",document.getElementById("vv").files[0]);
fileElementId: "vv", //文件选择框的id属性,即<input type="file">的id
上传时首先添加的是视频的ID、标题、内容,存储之后再次调用ajax修改视频的路径和封面的地址。
jsp页面
//上传视频
function addVideo() {
$.ajax({
url: "${path}/video/addVideo",
data: $("#aa").serialize(),
dataType: "json",
success: function (data) {
if (data.add == "SUCCESS") {
alert("文件上传中")
var formData = new FormData()
formData.append("videoPath", document.getElementById("vv").files[0]);
$.ajax({
url: "${path}/video/headUpload?id=" + data.id,
dataType: 'json',
method: 'POST', //提交方式
async: false,//安全协议提交
data: formData,
processData: false, // 数据不做处理
contentType: false, // 不要设置Content-Type请求头内容类型
success: function (data) {
pageInit();
//添加警告添加成功提示
$("#addOneClassOk").show()
//设置隐藏
setTimeout(function () {
$("#addOneClassOk").hide()
$('#myModal').modal('hide')
document.getElementById("aa").reset();
}, 2000)
}
})
}
}
});
}
<form id="aa">
标题:<input type="text" name="title"><br>
描述:<input type="text" name="brief"><br>
视频:<input type="file" name="videoPath" id="vv"><br>
类别:<select id=