html上传图片到数据库的两种方式form方式和Ajax方式

最新推荐文章于 2021-06-09 19:56:01 发布

小黑爱上排骨

最新推荐文章于 2021-06-09 19:56:01 发布

阅读量6.4k

点赞数 7

文章标签： html css3 html5

本文链接：https://blog.csdn.net/sinat_41920065/article/details/105604101

版权

本文介绍了两种HTML上传图片到数据库的方法：通过form提交和使用Ajax方式。在form方式中，HTML表单直接提交数据。而在Ajax方式中，首先封装数据到form对象，设置contentType和processData属性，然后在Servlet中处理文件上传，包括判断数据类型、设置文件大小限制、创建文件存储路径，并将图片内容写入文件系统，最后将图片路径存入数据库。

摘要由CSDN通过智能技术生成

1、通过form提交：
html部分：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<form action="/UploadServlet" method="post" enctype="multipart/form-data">
		<input type="file" name="file">
		<input type="submit">
	</form>
</body>
</html>

2.Ajax方式提交：
1.将将要传输的所有数据封装到一个form里，然后封装到一个对象中
2.设置属性：contentType:false， processData:false，

$("#add").click(function(){
   
		var username = $("#username").val();
		var age = $("#age").val();
		var data = new FormData($("#myForm")[0]);
		$.ajax({
   
			url:"/myWish/UploadServlet",
			async:true,
			type:"post",
			data:data,
			contentType:false,
		    processData: false,
			success:function(data){
   	
				if(data==1){
   
					layer.close(index1)
					init();		
					$("#username").val("");
					$("#age").val("");
					$("#info").val("");
					$("#createDate").val("");
					$("#myfile").val("");
				}
				else{
   
					layer.close(index1)
					layer