vue elementui 使用记录 图片上传

1
2
3
4

let _URL = window.URL || window.webkitURL;
self.form.imageLogo = _URL.createObjectURL(file);

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

    const isSize = new Promise(function(resolve, reject) {
        let width = 800;
        let height = 800;
        let _URL = window.URL || window.webkitURL;
        let img = new Image();
        img.onload = function() {
          let valid = img.width <= width && img.height <= height;
          valid ? resolve() : reject();
        };
        img.src = _URL.createObjectURL(file);
      }).then(
        () => {
          let _URL = window.URL || window.webkitURL;
          self.form.imageLogo = _URL.createObjectURL(file);
          return file;
        },
        () => {
          this.$message.error("上传的icon必须是小于或等于800*800!");
          return Promise.reject();
        }
    );

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

var formData = new FormData();//通过append方法添加数据
// 用表单来初始化
var formData = new FormData(form);
// 我们可以根据name来访问表单中的字段
var name = formData.get("name"); // 获取名字
var psw = formData.get("psw"); // 获取密码
// 当然也可以在此基础上，添加其他数据
formData.append("token","kshdfiwi3rh");