Reactjs 将文件类型转换为数据URI-React Dropzone

Reactjs 将文件类型转换为数据URI-React Dropzone,reactjs,multipartform-data,dropzone.js,Reactjs,Multipartform Data,Dropzone.js,我很难与其他人融为一体 当您将数据URI发布到我的上传端点时,我已经成功实现了RESTful上传{uri:data:image/gif;base64,…} 我的问题是在react dropzone中选择一个文件并提交表单时,我看到一个文件类型。。。似乎我需要以某种方式将其转换为数据URI 这应该由Dauria处理。。。但是我认为我的问题在于我的POST请求,没有用正确的文件格式设置文件属性。我是否应该将文件转换为表单数据?这里有一种从文件对象转换的方法: 使用图像和文件读取器可以获取宽度、高度

我很难与其他人融为一体

当您将数据URI发布到我的上传端点时,我已经成功实现了RESTful上传<代码>{uri:data:image/gif;base64,…}

我的问题是在react dropzone中选择一个文件并提交表单时,我看到一个
文件
类型。。。似乎我需要以某种方式将其转换为数据URI


这应该由Dauria处理。。。但是我认为我的问题在于我的POST请求,没有用正确的文件格式设置
文件
属性。我是否应该将
文件
转换为
表单数据

这里有一种从文件对象转换的方法:

使用图像和文件读取器可以获取宽度、高度和base64数据:

onDrop=(接受文件、拒绝文件)=>{
const file=acceptedFiles.find(f=>f)
常数i=新图像()
i、 onload=()=>{
let reader=new FileReader()
reader.readAsDataURL(文件)
reader.onload=()=>{
console.log({
src:file.preview,
宽度:即宽度,
身高:i.身高,
数据:reader.result
})
}
}
i、 src=file.preview

}
感谢您的回复。我假设我需要在onload触发器之后使用承诺来解决这个问题,以便在redux中处理这个问题。不知道,我使用的是mobx,所以在我得到触发器之后,我只更新状态。在Windows中,您可以使用setState()执行此操作。