File upload 使用react js上传文件/图像以解析云/类？

我一直在努力上传文件（图像）来解析云，并将其保存在我的解析类中。我找不到关于这是如何工作的适当文件

这是我的上传表单组件/类（ES6，React Parse，React，我通过父组件连接到Parse）：

从“React”导入React；
从'Parse'导入{Parse}；
从“parse react”导入ParseReact；
从“物料界面”导入mui；
从“物料界面”导入{TextField，RaisedButton}；
类AddChallenge扩展了React.Component{
构造函数（）{
超级（）；
此.state={
图像文件：“”，
};
}
_onUpload（东）{
var file=e.target.files[0]；
var parseFile=new Parse.File（'image-name'，File）；
console.log（解析文件）；
this.state.imageFile=parseFile；
}
_addChallenge（）{
//这个.preventDefault（）；
var theme=this.refs.theme.getValue（）；//获取值
var timespan=this.refs.timespan.getValue（）；//获取值
timespan=parseInt（timespan）*86400；
var parsefile=this.state.imageFile；
console.log（解析文件）；
//传递数据以进行分析
parsefile.save（）.then（函数（））{
//文件已保存以进行分析。
console.log（'已保存？'）；
}，函数（错误）{
//无法读取该文件，或者无法保存以进行分析。
});
log（parsefile.url（））；
ParseReact.Mutation.Create（“挑战”{
主题:主题,，
timespan:timespan，
存档：错误，
主动：正确
}).dispatch（）.then（函数（））{
});
}
render（）{
让样式={
输入：{
光标：“指针”，
位置：'绝对'，
顶部：“0”，
底部：“0”，
右：“0”，
左：“0”，
宽度：“100%”，
不透明度：“0”，
}
}
返回(






);
}
}
出口违约；

Parse

save（）

基于，但据我所知，我用错了。即使

then（）

函数打印我的日志（就好像它被保存了一样）

---

一般来说，如何保存图像以解析类

在observe中设置对象，在本例中，我有一个名为

事件的自定义解析对象，它有一个名为
primaryPhoto
的列，我将在该列中保存
Parse.File
对象

observe: function () {
    return {

        event: (new Parse.Query('Event'))
            .equalTo('objectId', this.getParams().eventId),
    }
},

下面是保存图像并与事件对象关联的代码

_handleSaveImage: function() {
    var imageFile = new Parse.File("mypic.jpg", {base64: this.state.preview});
    var that = this;

    return imageFile.save().then(function () {

        return ParseReact.Mutation.Set(that.data.event[0], {'primaryPhoto':imageFile}).dispatch();

    }, function (error) {
        console.log("Error");
        console.log(error);
    });
},

在observe中设置您的对象，在本例中，我有一个名为
Event
的自定义解析对象，它有一个名为
primaryPhoto
的列，我将在该列中保存
Parse.File
对象

observe: function () {
    return {

        event: (new Parse.Query('Event'))
            .equalTo('objectId', this.getParams().eventId),
    }
},

下面是保存图像并与事件对象关联的代码

_handleSaveImage: function() {
    var imageFile = new Parse.File("mypic.jpg", {base64: this.state.preview});
    var that = this;

    return imageFile.save().then(function () {

        return ParseReact.Mutation.Set(that.data.event[0], {'primaryPhoto':imageFile}).dispatch();

    }, function (error) {
        console.log("Error");
        console.log(error);
    });
},

这真的与React有关吗，或者您只是碰巧使用React，这是一个一般的解析问题？（我不确定，因为我没有使用过Parse，但在我看来确实如此。）它与Parse相关，但我不知道如何通过react（Parse-react）实现这一点。另外，也许有人会建议一种更好的方法，通过react来实现。这真的与react有关吗，或者你只是碰巧使用react，这是一个一般的解析问题？（我不确定，因为我没有使用过Parse，但在我看来确实如此。）它与Parse相关，但我不知道如何通过react（Parse-react）实现这一点。此外，也许有人会建议一种更好的方法，通过react来实现这一点。