Wakanda 2/Angular 4待办项图片上传报错：todo.todoPicture.upload未定义

嘿，我来帮你搞定这个报错问题。你看到的TypeError: undefined is not an object (evaluating 'todo.todoPicture.upload')，核心原因就是**todo.todoPicture这个属性在调用upload时根本不存在，是undefined状态**。下面给你分析几个常见原因和对应的解决办法：

1. 先确认实体的图片属性是否初始化 #

Wakanda里的image类型属性，不管是新创建的实体还是已有实体，如果之前没设置过图片值，实体实例里的这个属性默认是undefined，不会自动生成带upload方法的对象。

解决办法：在调用upload前先检查并初始化这个属性，用Wakanda提供的createBlob方法来生成关联的Blob对象：

// 先判断属性是否存在，不存在就初始化
if (!todo.todoPicture) {
  todo.todoPicture = ds.Todo.createBlob('todoPicture');
}

// 现在再调用upload就没问题了
todo.todoPicture.upload(file).then(result => {
  console.log('saved !');
});

2. 检查实体是否完整加载了图片属性 #

如果你是通过查询获取的todo实体，有可能查询时只加载了部分字段（比如只取了title、done这些常用字段），没把todoPicture包含进去，那实例里自然就没有这个属性。

解决办法：查询实体时明确指定要包含todoPicture字段：

ds.Todo.find('<你的todo ID>', {select: '*, todoPicture'})
  .then(todo => {
    // 这里的todo已经完整包含了todoPicture属性
    todo.todoPicture.upload(file).then(result => {
      console.log('saved !');
    });
  });

3. 额外确认文件对象的有效性 #

最后也可以顺手检查下从输入框拿到的file是不是有效的File对象，比如在控制台打印看看：

console.log(file); // 确认它是标准File类型，有name、size这些属性

一般来说，前两个原因是导致你这个报错的主要因素，先按顺序排查应该就能解决问题啦。

内容的提问来源于stack exchange，提问作者daslicht