Javascript Base64图像未在手机上显示

大家好

我使用MERN stack制作了这个电子商务应用程序，我在其中创建了一个产品作为管理员，上传了一个图像，将其作为二进制数据保存在数据库中，然后使用以下代码将其显示在商店页面上：

---

src={`data:image/jpg；base64，${img.data}}

从技术上讲，情况不应该是这样。我有类似的东西，它工作得非常好。 我正在上传一张图片 转换为base64& 进行了api调用以上载相同的内容。 再调用一次api来获取相同的内容，并将其与图像src一起使用。 这是我的Base64转换

//基64转换//

`onChange=event=>{
        this.setState({
            file: URL.createObjectURL(event.target.files[0])
        })
        const ProjectfileSize = Math.round((event.target.files[0].size / 1024)); 
        this.setState({
            fileSize: ProjectfileSize
        })
        var reader = new FileReader();
        reader.readAsDataURL(event.target.files[0]);
        reader.onload = () => 
{
            const base64File = reader.result.replace(/^data:[a-z]+\/[a-z\-]+;base64,/, "");
            this.setState({
                convertedFile: base64File
            })
        };
        reader.onerror = function (error) {
            console.log('Error: ', error);
        };

}
`

---

从技术上讲，情况不应该如此。我有类似的东西，它工作得非常好。 我正在上传一张图片 转换为base64& 进行了api调用以上载相同的内容。 再调用一次api来获取相同的内容，并将其与图像src一起使用。 这是我的Base64转换

//基64转换//

`onChange=event=>{
        this.setState({
            file: URL.createObjectURL(event.target.files[0])
        })
        const ProjectfileSize = Math.round((event.target.files[0].size / 1024)); 
        this.setState({
            fileSize: ProjectfileSize
        })
        var reader = new FileReader();
        reader.readAsDataURL(event.target.files[0]);
        reader.onload = () => 
{
            const base64File = reader.result.replace(/^data:[a-z]+\/[a-z\-]+;base64,/, "");
            this.setState({
                convertedFile: base64File
            })
        };
        reader.onerror = function (error) {
            console.log('Error: ', error);
        };

}
`