图片预览及formData批量上传图片

图片预览

<img :src="imageUrl" />
beforeUploadImg(file, list) {
	// 选择图片后触发的函数
	let raw = file.raw;
	var reader = new FileReader(); //创建文件读写
	reader.readAsDataURL(file.raw) //将图片转换成base64
	let _this = this;
	reader.onload = function() {
		// 给imageUrl进行赋值
		_this.imageUrl = reader.result;//图片路径
	}
},

批量上传图片

<img :src="imageUrl" />
submit() {
	// 上传图片（nursingList-数组，数组中的每一项的格式为MultipartFile）
	var formData = new FormData();
	// 自定义formData中的内容
	for (let i = 0,len = this.nursingList.length; i < len; i++) {
		formData.append('nursePicture', this.nursingList[i]);//把数组中的每一项添加到formData中
	}
	let res= await this.postAxios('/uploadPic.do',formData);//发起请求，批量上传图片
},