Question

我需要从一个Object中的字节数组中设置img src属性。

<img id="profileImage">
    <spring:bind path="object.profilePicture">
        <input type="file" name="profilePicture" id="profilePicture" path="profilePicture">
    </spring:bind>

我需要在输入标记上方的img中显示该字节数组。

Answer 1

将jpg替换为图片类型，将[your byte array]替换为byte array。如果尚未将其转换为base64，则需要将其转换为<img id="profileImage" src="data:image/jpg;base64, [your byte array]">。

let loop

Answer 2

在我的情况下，base64字节数组必须按照以下方式分块：

<img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/4QCARXhpZgAATU0AKgAAAAgABAEaAAUAAAABAAAAPgEbAAUA
AAABAAAARgEoAAMAAAABAAIAAIdpAAQAAAABAAAATgAAAAAAAABIAAAAAQAAAEgAAAABAAOQAAAH
...

使此解决方案有效。

Answer 3

我使用此站点将图像转换为AjouterAdresse(){ //Créer l'adresse postale this._AdressePostale.Numero=this.firstFormGroup.value.Num_adresse; this._AdressePostale.Voie=this.firstFormGroup.value.Voie_adresse; this._AdressePostale.ID_Ville = this.VilleSelec.ID_Ville; this.adresseservice.addAdressePostale(this._AdressePostale).subscribe( adresse__=> { this.PostID.push(adresse__) console.log(this.PostID[0]); });字节数组数据，它为我提供了base64和html中的标签，因此我只是上传和复制/粘贴。

http://base64.wutils.com/encoding-online/

从Byte Array设置img src

3 个答案: