以formData对象形式上传文件

最新推荐文章于 2024-09-08 21:15:29 发布

小程序大梦想

最新推荐文章于 2024-09-08 21:15:29 发布

阅读量606

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/qq_39594951/article/details/103862748

版权

js 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

1.我们在对接上传文件接口的时候，后端需要前端以formData对象的形式上传文件并且携带其他参数

//以下vue情境下截取部分代码

<input type="file" class="upload_inp" @change="fileupload($event)" />
	
	fileupload(event){
		let file = event.target.files[0];
		let formData = new FormData();
		formData.append("files", file);
		formData.append("Id", this.Id);
		formData.append("name", this.name);
		this.$http
        .post(
          `/xxxxx/aaaaa/bbbbb`,
          formData
        )
        .then(res => {
          this.getList();
        });
	}

那么你就会把文件以及id,name参数一起传给后端了