jquery文件上传示例

最新推荐文章于 2024-08-13 08:46:14 发布

luckyMuses

最新推荐文章于 2024-08-13 08:46:14 发布

阅读量1k

点赞数

文章标签：踩坑日记

本文链接：https://blog.csdn.net/qq_39844855/article/details/84323764

版权

<form enctype="multipart/form-data">
	<input id="imgFile" type="file"/>
	<input id="recordFile" type="file"/>
</form>

function fileUpload () {
	let formData = new FormData()
	let imgFile = document.getElementById('imgFile').files[0] // 获取图片文件
	let recordFile = document.getElementById('recordFile').files[0] // 获取录音文件
	// 如果上传文件需要带参数
	formData.append('file', imgFile)
	formData.append('file', recordFile)
	// 发送ajax请求
	$.ajax({
		url: 'http://localhost:8080/api/test',
		type: 'post',
		dataType: 'json',
		data: formData,
		async: false,
		cache: false, // 上传文件不缓存
		contentType: false, // 因为表单已经声明enctype="multipart/form-data",所以不需要设置其他contentType
		processData: false, // 因为data是formData对象，所以不需要做数据处理
		success: function (result) {
			console.log('file upload successed')
		},
		error: function (err) {
			console.log('file upload error')
			throw new Error(err)
		}
	})
}