Używam ASP.NET MVC i mam model, który ma obraz (tablicę bajtów) w jednym z pól. Próbuję wypisać ten obraz do atrybutu src tagu img. Szukam czegoś takiego, jak <img src='<%= Model.VenueImage %>'>
. Jak mogę to zrobić?Wyświetlanie macierzy bajtów w atrybucie src znacznika img
Odpowiedz
Może pomysł Inline Images with Data URLs?
Inline obrazów użyć danych URI schemat osadzić obrazy bezpośrednio wewnątrz internetowych stronach. Zgodnie z definicją w RFC 2397, identyfikatory URI danych są zaprojektowane tak, aby osadzać małe dane w postaci danych "natychmiastowych", tak jakby były przywoływane zewnętrznie. Korzystanie z obrazów śródliniowych zapisuje żądania HTTP ponad obiektami zewnętrznymi, do których odwołuje się użytkownik.
System.Drawing.Image image = GetImageFromSomewhere(...);
byte[] imageData = ImageToByteArray(image);
string imageBase64 = Convert.ToBase64String(imageData);
string imageSrc = string.Format("data:image/gif;base64,{0}", imageBase64);
a potem gdzieś na stronie:
<img src= "<%= ImageSrcBytes %>" />
AFAIK to będzie pracować dla Opera 7.2+, Firefox, Safari, Netscape, Mozilla i IE8 + (IE8 do 32KB).
Dla wcześniejszej wersji IE istnieje obejście - MHTML.
Przykładem tego jest here.
Przeglądarka używa atrybutu src do wydania oddzielnego żądania do serwera, aby uzyskać zawartość obrazu. Nie wyświetla bajtów w src jako sam obraz.
Musisz więc zapamiętać te bajty (sesja?) I użyć programu obsługi (adresu URL, który umieścisz w atrybucie src), aby przeglądarka zażądała ich.
- 1. Dopasowywanie atrybutu SRC znacznika IMG przy użyciu preg_match
- 2. Błąd konsoli kątowej img src
- 3. jQuery wybierz img z src
- 4. Nawiasy kwadratowe w atrybucie nazwy znacznika wejściowego
- 5. Angular.js - Filtr w tagu img src
- 6. Nagłówek autoryzacji w img src link
- 7. <img src> w/timeout?
- 8. Liczba znaczników img wewnątrz znacznika div
- 9. HTML/JavaScript - Zdalne img src z automatycznym http/https prefiks
- 10. AngularJS nie aktualizuje img src po zmianie modelu
- 11. Pobierz src elementu img z div?
- 12. Polityka bezpieczeństwa treści: dane "img-src": "
- 13. zobacz, czy src z img istnieje
- 14. Wyświetlanie macierzy zagnieżdżonej w gałązce
- 15. Sprawdź, czy img src jest pusty jQuery
- 16. Python 2.7 Piękne Soup img src Extract
- 17. JavaScript wybierając obraz do znacznika img
- 18. Określanie rozmiaru bajtów macierzy scipy.sparse?
- 19. Definiowanie atrybutu src w CSS <img> w CSS
- 20. XPath wybierz łącza graficzne - macierzysty link href z img src tylko jeśli istnieje, w przeciwnym razie wybierz img src link
- 21. Ścieżka względna na stronie wzorcowej dla znacznika img
- 22. Wyświetlanie obrazów z magazynu Firebase w znacznikach html img
- 23. Dane BLOB jako atrybut SRC znacznika obrazu
- 24. Oracle Blob jako img src na stronie PHP
- 25. Jak użyć wyrażenia regularnego do pobrania znacznika "img"?
- 26. Odtwarzanie macierzy bajtów w MediaPlayer - Android
- 27. JavaScript - Uzyskaj rozmiar w bajtach z HTML img src
- 28. Zmiana źródła znacznika obrazu (img) nie zmienia rozmiaru na IE
- 29. XSS podczas załadunku niezaufane SVG za pomocą znacznika img
- 30. Jak zachować proporcje przy użyciu znacznika HTML IMG
niesamowite, dziękuję, to działało znakomicie. Wiele docenione – Webcognoscere
To nie wydaje się działać w Internet Explorer 7/8, żadnych sugestii – Webcognoscere