AJAX附件上传

最新推荐文章于 2024-07-06 09:00:00 发布

dhweicheng

最新推荐文章于 2024-07-06 09:00:00 发布

阅读量4.5k

点赞数

文章标签： ajax javascript

本文链接：https://blog.csdn.net/dhweicheng/article/details/74328863

版权

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文件上传</title>
</head>
<script type="text/javascript"
	src="http://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.js"></script>
<script type="text/javascript">
	function ajaxUpload() {
		var fd = new FormData();
		fd.append('file', $("#file_upload")[0].files[0]);
		$.ajax({
			type : "post",
			url : "http://192.168.1.119:8080/acc/upload.jsp",
			async : false,
			processData : false, // 不处理数据
			contentType : false, // 不设置内容类型
			data : fd,
			dataType : 'text', //返回类型json、text
			success : function(data) {
				alert(data);
			}
		});
	}
</script>
<body>
	<b>文件上传</b>
	<input type="file" name="file" id="file_upload" />
	<input type="button" value="上传图片" onclick="ajaxUpload()" />
</body>
</html>

FormData对象使用说明