Sto usando ASP.NET MVC e ho un modello che ha un'immagine (array di byte) in uno dei campi. Sto cercando di mostrare questa immagine nell'attributo src del tag img. Sto cercando di fare qualcosa come <img src='<%= Model.VenueImage %>'>
. Come posso fare questo?Output di un byte arrain nell'attributo src di un tag img
risposta
Forse Inline Images with Data URLs idea?
immagini in linea utilizzare i dati schema URI per incorporare le immagini direttamente all'interno di web pagine. Come definito dalla RFC 2397, gli URI dei dati sono progettati per incorporare piccoli articoli come dati "immediati", come se fossero referenziati esternamente. L'utilizzo delle immagini in linea salva le richieste HTTP su oggetti con riferimenti esterni.
System.Drawing.Image image = GetImageFromSomewhere(...);
byte[] imageData = ImageToByteArray(image);
string imageBase64 = Convert.ToBase64String(imageData);
string imageSrc = string.Format("data:image/gif;base64,{0}", imageBase64);
e poi da qualche parte nella pagina:
<img src= "<%= ImageSrcBytes %>" />
per quanto ne so questo lavoro per Opera 7.2+, Firefox, Safari, Netscape, Mozilla e IE8 + (IE8 fino a 32kb).
Per la versione precedente di IE è disponibile una soluzione alternativa - MHTML.
L'esempio su come farlo è here.
Il browser utilizza l'attributo src per inviare una richiesta separata al server, per ottenere il contenuto dell'immagine. Non visualizza i byte nello src come l'immagine stessa.
Quindi sarà necessario ricordare quei byte (sessione?) E utilizzare un gestore (l'url inserito nell'attributo src) per consentire al browser di richiederli.
- 1. Descrizione di un "tag img" all'interno di un "tag"
- 2. Un tag img HTML può avere più attributi src?
- 3. Angular.js - Filtro nel tag img src
- 4. XPath to Parse "SRC" dal tag IMG?
- 5. JavaScript - Ottieni dimensioni in byte da HTML img src
- 6. react.js Sostituisci img src onerror
- 7. Corrispondente attributo SRC del tag IMG utilizzando preg_match
- 8. Come creare un nuovo tag img con JQuery, con src e id da un oggetto JavaScript?
- 9. Carica immagine in un tag img
- 10. tag img che non funziona con percorso relativo in src
- 11. PHP - sostituire <img> tag e restituire src
- 12. Ottieni src di img element da div?
- 13. vedi se src of img esiste
- 14. jQuery seleziona img con src
- 15. Errore console angolare img src
- 16. Contare il numero di tag img all'interno di un tag div
- 17. Recupera bambino img src (jQuery)
- 18. Modifica IMG SRC con Javascript
- 19. Come concatenare due stringhe in un tag src <img>?
- 20. javascript controlla se img src è valido?
- 21. Utilizzo di .ico nel tag img
- 22. angolare 2 img src in un percorso relativo
- 23. Spaziatura aggiuntiva dopo un tag A tag/img?
- 24. Rimuovere evento onclick di IMG tag
- 25. come aggiungo una data di scadenza a un tag img?
- 26. XPath seleziona collegamenti immagine - link genitore href di img src solo se esiste, altrimenti seleziona img src link
- 27. JavaScript: modifica dell'attributo src di un tag embeddato
- 28. Come ottenere un tag <img> l'attenzione
- 29. Come ottenere il percorso di immagini per <img src="?"> tag dal file XML
- 30. <img src> w/timeout?
fantastico, grazie, ha funzionato brillantemente. Molto apprezzato – Webcognoscere
Questo non sembra funzionare in Internet Explorer 7/8, nessun suggerimento – Webcognoscere