vue上传图片

vue上传图片
之前开发上传图片遇到一些问题，代码写的没问题，可就是一直报500 以为是服务器的原因，解决如下：

解决方法1

<input type="file"  ref="img" accept="image/*" @change="uploadimg($event)"/>

uploadimg(e){
	var files = this.$refs.img.files[0]
	var datas = new FormData()
	datas.append("file",files)
	const ins= this.axios.create({withCredentials:false})       //跨域请求是否提供凭据信息(cookie、HTTP认证及客户端SSL证明等)
	ins.post("/api/files",datas).then((res)=>{
			//请求操作
	})
	e.target.value = ""
}

常规写法2

uploadimg(e){
	var files = this.$refs.img.files[0]
	var datas = new FormData()
	datas.append("file",files)
	 this.axios.post("/api/files",datas).then((res)=>{
	 	//请求操作
	})
	e.target.value = ""
}