使用formDate上传图片

最新推荐文章于 2022-01-08 22:22:43 发布

VIP文章 han_forever

最新推荐文章于 2022-01-08 22:22:43 发布

阅读量526

点赞数 1

分类专栏：图片上传文章标签：图片上传 express开发框架路由 ajax formData

本文链接：https://blog.csdn.net/han_forever/article/details/84864296

版权

formDate

FormData对象用以将数据编译成键值对，以便用XMLHttpRequest来发送数据。其主要用于发送表单数据；
也可单独使用，利用键值对的形式向对象中添加数据；

以jQuery的形式向后端发送ajax请求

<html>
	<img src="" alt="" id='fileImg'>//这里显示上传图片的缩略图
 	<input type='file' id='file'>
 	<button  onclick='updateImg()'>上传图片</button>
</html>
<script>
	var OL_Action_Root = "http://localhost:3000";
	 function updateImg()
	 {           
	     var formData = new FormData();  //创建formdata对象
	     formData.append("test",$("#file")[0].files[0]);//这里获取文件信息，并将信息以键值的形式存储到对象中，这里的test是上传文件的key值
	     $.ajax({
	         url: OL_Action_Root+'/update/img',
	         type: 'POST',
	         data: formData,
	         cache: false,//缓存
	         contentType: false,//post上传的三种数据格式 json、  www-for