ส่งภาพ base64 ในอีเมล HTML


86

ด้วยการใช้โปรแกรมแก้ไข Rich Text ผู้ใช้ของเราสามารถลากและวางภาพที่บันทึกไว้จากเดสก์ท็อปไปยังโปรแกรมแก้ไข รูปภาพจะปรากฏและแสดงอย่างถูกต้องในหน้าเว็บหลังจากส่ง

เนื่องจากรูปภาพไม่ได้อัปโหลดที่ใดก็ได้โปรแกรมแก้ไขจะบันทึกรูปภาพเป็นรูปภาพที่เข้ารหัส base64

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

เป็นต้น

แต่ไม่ปรากฏขึ้น - ไม่ปรากฏบน iPhone หรือ Outlook สองเวอร์ชันที่แตกต่างกัน ภาพแตกเพียง เราต้องการใช้ base64 เนื่องจากมันทำงานร่วมกับหน้าเว็บอยู่แล้วและความสามารถในการดูรูปภาพหากผู้ใช้ออฟไลน์


คำตอบ:


126

การสนับสนุนน่าเสียดายที่โหดที่สุด นี่คือโพสต์ในหัวข้อ:

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

และเนื้อหาโพสต์: ใส่คำอธิบายภาพที่นี่


2
ทำเครื่องหมายว่าเป็นคำตอบเพราะเป็นเพียงคำตอบ: การสนับสนุนนั้นยอดเยี่ยมสำหรับ base64 และคุณควรพยายามหลีกเลี่ยงเมื่อทำได้ เราจัดการเพื่อให้พวกเขาใช้งานได้จริงในกรณีของคำถามนี้มีข้อบกพร่อง อย่างไรก็ตามเราต้องกำหนดให้ใช้ Outlook 2007 Apple ใช้งานได้ดีกับภาพ base64
Vael Victus

10
รองรับใน Outlook 2003 แต่ไม่รองรับ Outlook 2007? พวกเขากำลังคิดอะไรอยู่?
cytsunny

5
ทางเลือกคืออะไร?

ขอบคุณสำหรับสิ่งนี้ฉันกำลังจะเขียนโพสต์ SO พร้อมตัวอย่าง base64 ของฉันเอง ฉันคิดว่าดีโดยการตรวจสอบอีเมลที่เกิดของฉันในสองเบราว์เซอร์ (Gmail และ Outlook) และการตรวจสอบว่าข้อความ base64 ของฉันคือไม่เสียหายก็ควรจะทำงาน ..
Memetican

@AkhilJain สิ่งนี้ใช้ได้กับฉันstackoverflow.com/a/36870709/5536005
radbrawler

57

อีกทางเลือกหนึ่งคือการฝังรูปภาพในอีเมลโดยใช้cidวิธี (โดยทั่วไปจะรวมรูปภาพเป็นไฟล์แนบแล้วฝัง) จากประสบการณ์ของฉันแนวทางนี้ดูเหมือนจะได้รับการสนับสนุนอย่างดีในทุกวันนี้

ใส่คำอธิบายภาพที่นี่

ที่มา: https://www.campaignmonitor.com/blog/how-to/2008/08/embedding-images-revisited/


3
มันใช้งานได้จริง แต่น่าเศร้าที่บริการอีเมลบางบริการจะเรียกเก็บเงินจากคุณสำหรับการส่งไฟล์แนบ
Sombriks

19
นอกจากนี้ไคลเอนต์จำนวนมากรวมถึงอินเทอร์เฟซทางเว็บของ Gmail จะแนบสำเนาของรูปภาพที่แนบมาทั้งหมดต่อท้ายข้อความซึ่งน่าเกลียดมาก
Daniel Saner
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.