Gửi hình ảnh base64 trong email HTML

Sử dụng trình chỉnh sửa văn bản đa dạng thức, người dùng của chúng tôi có thể kéo và thả hình ảnh đã lưu từ màn hình của họ vào trình chỉnh sửa. Hình ảnh xuất hiện và hiển thị chính xác trên trang web sau khi họ gửi.

Vì hình ảnh không được tải lên ở bất kỳ đâu nên trình chỉnh sửa lưu hình ảnh dưới dạng hình ảnh được mã hóa base64.

<img alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA4QAAAFKCAIAAADKUQaBAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAP+lSURBVHhepP1p32zb

Vân vân.

Nhưng nó không hiển thị - không phải trên iPhone, cũng không phải hai phiên bản Outlook khác nhau. Hình ảnh chỉ đơn giản là bị hỏng. Chúng tôi muốn gắn bó với base64 do nó đã hoạt động với trang web và khả năng xem hình ảnh nếu người dùng ngoại tuyến.

— Vael Victus
nguồn

Có thể trùng lặp Làm thế nào để nhúng thành công hình ảnh vào HTML để hiển thị trong ứng dụng webmail?

— Amit G

Câu trả lời:

125

Hỗ trợ, không may, là tàn bạo nhất. Đây là một bài đăng về chủ đề:

https://www.campaignmonitor.com/blog/email-marketing/2013/02/embedded-images-in-html-email/

Và nội dung bài đăng: nhập mô tả hình ảnh ở đây

— Hợp âm
nguồn

Được đánh dấu là câu trả lời vì nó đơn giản là câu trả lời: hỗ trợ rất tệ cho base64 và bạn nên cố gắng tránh nó khi có thể. Chúng tôi đã cố gắng làm cho chúng hoạt động, thực sự có một lỗi trong trường hợp của câu hỏi này. Tuy nhiên, chúng tôi phải bắt buộc sử dụng Outlook 2007. Apple hoạt động tốt với hình ảnh base64.

— Vael Victus

Được hỗ trợ trong Outlook 2003, nhưng không được hỗ trợ trong Outlook 2007? Họ đang nghĩ gì vậy?

— cytsunny

giải pháp thay thế là gì?

Cảm ơn vì điều này, tôi vừa chuẩn bị viết một bài SO với mẫu base64 của riêng tôi. Tôi giả định rằng bằng cách kiểm tra email kết quả của mình trong hai trình duyệt (GMail và Outlook) và xác minh rằng văn bản base64 của tôi không bị gián đoạn, nó sẽ hoạt động tốt ..

— Memetican

@AkhilJain này làm việc cho tôi stackoverflow.com/a/36870709/5536005

— radbrawler

Một cách tiếp cận khác có thể là nhúng hình ảnh vào email bằng cidphương pháp này. (Về cơ bản bao gồm hình ảnh dưới dạng tệp đính kèm, và sau đó nhúng nó). Theo kinh nghiệm của tôi, cách tiếp cận này dường như được hỗ trợ tốt trong những ngày này.

Nguồn: https://www.campaignmonitor.com/blog/how-to/2008/08/embedding-images-revisited/

— Aaron
nguồn

thực sự nó hoạt động, nhưng đáng buồn là một số dịch vụ email sẽ tính phí bạn để gửi tệp đính kèm.

— Sombriks

Ngoài ra, nhiều ứng dụng khách, bao gồm cả giao diện web của Gmail, sẽ thêm một bản sao của tất cả các hình ảnh đính kèm vào cuối thư, điều này rất, rất xấu.

— Daniel Saner