当前位置:   article > 正文

关于vue中element 的upload组件发送请求给后端_vueelement的upload实现zip解压判断文件名后上传给后端

vueelement的upload实现zip解压判断文件名后上传给后端

1.用到了before-upload属性,

用于在上传文件前的校验,并且发送请求给后端,传输格式进行文件流传输

什么都不用设置,action属性随便设置,不能为空即可!

在before-upload属性的方法中的代码如下:

  1. var _this = this;
  2. debugger;
  3. // var files=file.target.files[0];
  4. debugger;
  5. const isJPG = file.type === "image/jpeg";
  6. const isLt2M = file.size / 1024 / 1024 < 2;
  7. if (!isJPG) {
  8. this.$message.error("上传头像图片只能是 JPG 格式!");
  9. }
  10. if (!isLt2M) {
  11. this.$message.error("上传头像图片大小不能超过 2MB!");
  12. }
  13. // return isJPG && isLt2M;
  14. let formData = new FormData();
  15. formData.append("file", file);
  16. axios
  17. .post("http://192.168.0.116:8083/pic/upload", formData)
  18. .then(function(response) {
  19. _this.enclosure.openPermitimgUrl = response.data;
  20. // alert(response.data);
  21. console.log(response);
  22. })
  23. .catch(function(error) {
  24. alert("上传失败");
  25. console.log(error);
  26. });

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/weixin_40725706/article/detail/805611
推荐阅读