Reference https://www.jianshu.com/p/51188659d778
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>上传文件</title>
</head>
<body>
<form enctype="multipart/form-data">
<label>选择项目: </label>
<select name="allProject" class="allProject"> </select>
<label>文件类型: </label>
<select name="allFileType" class="allFileType"></select>
<input type="file" id="file" name="file" /><br />
<input type="button" value="上传" class="btn" />
</form>
<script>
//进入页面加载
$(function () {
allProject()
allFileType()
})
//点击上传 按钮
$(".btn").click(function () {
var formData = new FormData()
var project_id = $(".allProject").val()
var file_type = $(".allFileType").val()
var file = $("#file")[0].files[0]
formData.append("project_id", project_id)
formData.append("file_type", file_type)
formData.append("file", file)
//调取文件上传接口
upFile(formData)
})
//4. 文件上传接口
function upFile(formData) {
$.ajax({
url: BaseURL + "/file/upFile",
type: "post",
data: formData,
//上传文件无需缓存
cache: false,
//用于对data参数进行序列化处理 这里必须false
processData: false,
//必须
contentType: false,
success: function (data) {
console.log(data)
},
})
}
</script>
</body>
</html>