Tôi đang sử dụng ASP.NET MVC và có một mô hình có một hình ảnh (mảng byte) trong một trong các trường. Tôi đang cố gắng để xuất hình ảnh này vào thuộc tính src của thẻ img. Tôi đang tìm cách làm một cái gì đó như <img src='<%= Model.VenueImage %>'>
. Tôi có thể làm cái này như thế nào?Xuất một byte arrain vào thuộc tính src của thẻ img
Trả lời
Có thể Inline Images with Data URLs ý tưởng?
Hình ảnh nội tuyến sử dụng dữ liệu Lược đồ URI để nhúng hình ảnh trực tiếp trong trang trang. Theo định nghĩa của RFC 2397, dữ liệu URI được thiết kế để nhúng dữ liệu nhỏ mục là dữ liệu "ngay lập tức", như thể chúng được tham chiếu bên ngoài. Sử dụng hình ảnh nội tuyến lưu các yêu cầu HTTP qua các đối tượng được tham chiếu bên ngoài.
System.Drawing.Image image = GetImageFromSomewhere(...);
byte[] imageData = ImageToByteArray(image);
string imageBase64 = Convert.ToBase64String(imageData);
string imageSrc = string.Format("data:image/gif;base64,{0}", imageBase64);
và sau đó ở đâu đó trong trang:
<img src= "<%= ImageSrcBytes %>" />
AFAIK này sẽ làm việc cho Opera 7.2+, Firefox, Safari, Netscape, Mozilla và IE8 + (IE8 lên đến 32kb).
Đối với phiên bản cũ hơn của IE, có cách khắc phục - MHTML.
Ví dụ về cách thực hiện là here.
Trình duyệt sử dụng thuộc tính src để đưa ra yêu cầu riêng cho máy chủ, để lấy nội dung của hình ảnh. Nó không hiển thị các byte trong src như chính hình ảnh đó.
Vì vậy, bạn sẽ cần nhớ những byte đó (phiên?) Và sử dụng trình xử lý (url bạn đưa vào thuộc tính src) để cho trình duyệt yêu cầu chúng.
- 1. Kết hợp thuộc tính SRC của thẻ IMG bằng cách sử dụng preg_match
- 2. Thẻ SRC IMG và JavaScript
- 3. xem nếu src của img tồn tại
- 4. XSS tấn công với javascript trong img src thuộc tính
- 5. HTML/Javascript xoá dữ liệu từ img src thuộc tính
- 6. Tự động thay thế thuộc tính img src bằng jQuery
- 7. Cách thêm thuộc tính alt của thẻ img với jquery
- 8. JavaScript: Thay đổi thuộc tính src của thẻ nhúng
- 9. "?" Là gì? cho thuộc tính src của thẻ html script?
- 10. Biến cho img src =
- 11. Thuộc tính alt của thẻ img có yêu cầu mã hóa không?
- 12. XPath để phân tích cú pháp "SRC" từ thẻ IMG?
- 13. Góc 1,2: ng-bind-html loại bỏ thuộc tính src trên img
- 14. Làm cách nào để nối hai chuỗi trong một thẻ src <img>?
- 15. CSS ẩn tất cả hình ảnh có thuộc tính SRC
- 16. Thẻ Div trong thẻ img
- 17. Trích xuất dữ liệu HTML5 thuộc tính từ một thẻ
- 18. Có thể thay đổi thuộc tính img src bằng css không?
- 19. Dữ liệu BLOB dưới dạng thuộc tính SRC của thẻ hình ảnh
- 20. Chú giải công cụ của "thẻ img" bên trong "thẻ"
- 21. Regex để thay thế thuộc tính src html trong PHP
- 22. PHP - thay thế <img> thẻ và trả lại src
- 23. Python 2.7 Beautiful Soup img src Extract
- 24. Trích xuất thuộc tính src từ thẻ tập lệnh và phân tích cú pháp theo các kết quả cụ thể
- 25. Thay đổi IMG SRC bằng Javascript
- 26. Nhận src của phần tử img từ div?
- 27. BeautifulSoup - thêm thuộc tính vào thẻ
- 28. Chèn Thuộc tính Mô hình vào URL Phần tử Img trong Ember
- 29. <img src> w/timeout?
- 30. Làm sao người ta sử dụng thuộc tính onerror của một phần tử img
tuyệt vời, cảm ơn, đã hoạt động rất tốt. Nhiều đánh giá cao – Webcognoscere
Điều này dường như không hoạt động trong trình duyệt Internet 7/8, mọi đề xuất – Webcognoscere