在React.js中创建文件上传获取奇怪的意外令牌

时间:2015-12-18 07:26:27

标签: javascript file-upload reactjs

我使用React作为框架来为项目创建输入。输入是名称,照片和可选评论。我工作的名字和评论,但照片(作为文件)给我带来了一些麻烦。

我使用this作为上传方法。 (我知道照片的质量必须非常低才能使用base64,但对于这个项目来说这不是问题。)

但是,当我使用此代码时,我的浏览器在控制台中,在只有一个选项卡的位置抛出了一个意外的令牌错误。我已将错误定位到这段代码中(通过注释掉不同的部分)。

reader.onload = function(output){
      fileUpload.set({
         file: output.target.result
      });
      $.when(fileUpload.save())
        .done(function(){
        this.setState({
          uploaded: true
        });
      }.bind(this));
    }.bind(this));

我只是看不出它有什么问题以及它为什么会抛出这个错误。

1 个答案:

答案 0 :(得分:2)

看起来你的parens可能不匹配。这里的代码与其他格式相同:

reader.onload = function(output) {

  fileUpload.set({ file: output.target.result });

  $.when(fileUpload.save())
  .done(
    function() {
      this.setState({ uploaded: true });
    }.bind(this)
  );

}.bind(this)
); // extra

最后一行有一个额外的),在表达式的开头没有匹配的(