Kaip rodyti "Base64" vaizdus HTML?

Turiu problemų su "Base64" paveikslėlio rodymu eilutėje.

Ar kas nors gali man nurodyti teisingą kryptį?

<!DOCTYPE html>
<html>
  <head>
    <title>Display Image</title>
  </head>
  <body>
    <img style='display:block; width:100px;height:100px;' id='base64image'                 
       src='data:image/jpeg;base64, LzlqLzRBQ...<!-- base64 data -->' />
  </body>
</html>
dda
Redaguotas klausimas priešpietr sausis 2017 в 7:28
Programavimas
image html base64 inline
priešpietr gruodis 2011 в 4:53
10 peržiūros
Sprendimas

Mano įtariamasis, žinoma, yra faktiniai base64 duomenys, kitaip man atrodo gerai. Žr. [šį fiddle][1], kur veikia panaši schema. Galite pabandyti nurodyti char set.

<div>
  <p>Taken from wikpedia</p>
  ![Red dot](data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUA
    AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
        9TXL0Y4OHwAAAABJRU5ErkJggg==)
</div>

Galite pabandyti šį base64 dekoderį, kad pamatytumėte, ar jūsų base64 duomenys yra teisingi, ar ne.

Ruslan López
Redaguotas atsakymas popietr liepa 2019 в 9:57
Komentarai (7)

Turite nurodyti teisingus turinio tipą, turinio kodavimą ir simbolių rinkinį. pavyzdžiui, .

 data:image/jpeg;charset=utf-8;base64,

pagal duomenų URI schemos sintaksę:

 data:[][;charset=][;base64],
bcag2
Redaguotas atsakymas popietr rugsėjis 2019 в 12:12
Komentarai (4)

Duomenų URI simbolis + turėtų būti koduojamas kaip %2B. Taip koduojama kaip ir bet kuri kita URI eilutė. Pavyzdžiui, argumentų skirtukai (? ir &) turi būti koduojami, kai URI su argumentu siunčiamas kaip kito URI dalis.

Komentarai (0)