无法在'FileReader'上执行'readAsDataURL'。参数不是Blob类型

时间:2017-11-14 05:51:50

标签: javascript reactjs filereader

我正在使用图像裁剪器裁剪图像。我正在使用以下库

https://github.com/mosch/react-avatar-editor

我已正确实现此功能,并且我正在使用此功能获取裁剪后的图像。

handleSave = () => {
  const img = this.editor.getImageScaledToCanvas().toDataURL();

  this.props.croppedImage(img);
};

这是我实现了cropper(第二个组件)的地方

<CropperTest croppedImage={this.getCroppedImg}/>

在第二部分我正在做这个

getCroppedImg(img) {
    this.props.onImageImgPoll(img);
}

我在第三个组件中调用onImageImgPoll,如此

onImageImgPoll(event,img) {
        console.log("coming here1");
        event.preventDefault();
        let array = this.state.filepoll.slice();
        let unq_file = img;
        console.log("coming here2");

       /* if (event.target.files && event.target.files[0]) {*/
            console.log("coming here3");

            let reader = new FileReader();
            reader.onloadend = (e) => {
                array.push(unq_file);
            };
            reader.readAsDataURL(unq_file);
            console.log("coming here4");

            this.setState({
                image: event.target.result,
                filepoll: array,
                filestar: []
            });


    }

这是我遇到问题的地方。我收到这样的错误

Uncaught TypeError: Failed to execute 'readAsDataURL' on 'FileReader': parameter 1 is not of type 'Blob'

这里似乎有什么问题?提前致谢

0 个答案:

没有答案
相关问题