gpt4 book ai didi

javascript - 将图像编码为 base 64 时,结果始终未定义

转载 作者:行者123 更新时间:2023-11-29 23:11:21 25 4
gpt4 key购买 nike

<分区>

在我的 ReactJS 项目中,我试图将图像作为 Base64 url​​ 存储在 Firebase 实时数据库中,然后在渲染时转换回图像。

(注意:我知道 firestore 内置了这个,但是重写代码以在平台上实现项目的其余部分为时已晚。)

我通过输入获取文件:

<input onChange={this.handleImageUpload} className="form-control" type="file" name="profilePicture" id="profilePicture" placeholder="Upload a profle picture"/>

运行 handleImageUpload() 函数:

  handleImageUpload = e => {
e.preventDefault();
const imageAsUrl = this.encodeImageFileAsUrl(e.target.files[0]);

this.setState({
profilePicture: imageAsUrl
});

}

以当前文件作为输入调用 encodeImageAsUrl() 函数:

  encodeImageFileAsUrl = image => {
const file = image;
const reader = new FileReader();
const imageAsUrl = reader.readAsDataURL(file);
console.log("Image as url = " + imageAsUrl)
return imageAsUrl;

}

变量 'imageAsUrl' 打印为 'undefined' 并且还请注意,我尝试的任何图像都是 1.2MB 或更小。

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com