Reactjs 将初始文件加载到材质ui dropzone

Reactjs 将初始文件加载到材质ui dropzone,reactjs,material-ui,dropdown,Reactjs,Material Ui,Dropdown,我正在尝试将初始图像加载到材质ui dropzone。我有base64格式的图像,我想将它们作为初始文件加载到dropzone 我已经尝试使用intialFiles选项按照以下url实现这一点。但仍然没有运气,也没有任何错误。 consturl='数据:image/png;base64,…'; 获取(url) .then(res=>res.blob()) .然后(blob=>{ 常量文件=新文件([blob],“文件名”); 这是我的国家({ 照片:档案 }) }); 我的降落区 html

我正在尝试将初始图像加载到材质ui dropzone。我有base64格式的图像,我想将它们作为初始文件加载到dropzone

我已经尝试使用intialFiles选项按照以下url实现这一点。但仍然没有运气,也没有任何错误。

consturl='数据:image/png;base64,…';
获取(url)
.then(res=>res.blob())
.然后(blob=>{
常量文件=新文件([blob],“文件名”);
这是我的国家({
照片:档案
})
});
我的降落区

html
<DropzoneArea
    style={{height: '30px'}}
    maxFileSize={5000000}
    filesLimit={3}
    disabled = {this.state.fromSnaps}
    onChange={this.handlePhotoChange}
    dropzoneText={"Drag and drop the profile image here or click"}
    acceptedFiles={['image/jpeg', 'image/png', 'image/bmp']}
    dropzoneClass={classes.dropZoneCustomClass}
    initialFiles={[this.state.photo]}
/>

html
感谢您为解决此问题提供的任何意见


谢谢

我意识到您的fetch函数与您提供的示例略有不同。在他们使用
arrayBuffer
的示例中,您是否尝试过遵循它?