赞
踩
1.用到了before-upload属性,
用于在上传文件前的校验,并且发送请求给后端,传输格式进行文件流传输
什么都不用设置,action属性随便设置,不能为空即可!
在before-upload属性的方法中的代码如下:
- var _this = this;
- debugger;
- // var files=file.target.files[0];
- debugger;
- const isJPG = file.type === "image/jpeg";
- const isLt2M = file.size / 1024 / 1024 < 2;
-
- if (!isJPG) {
- this.$message.error("上传头像图片只能是 JPG 格式!");
- }
- if (!isLt2M) {
- this.$message.error("上传头像图片大小不能超过 2MB!");
- }
- // return isJPG && isLt2M;
- let formData = new FormData();
- formData.append("file", file);
- axios
- .post("http://192.168.0.116:8083/pic/upload", formData)
- .then(function(response) {
- _this.enclosure.openPermitimgUrl = response.data;
- // alert(response.data);
- console.log(response);
- })
- .catch(function(error) {
- alert("上传失败");
- console.log(error);
- });
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。