Sending mail from HTML page with image in the body

by

TL;DR: You cannot do this.

You can use Data URI Scheme to embed an image in HTML. If an emails MIME type is text/html you can do the same. You will have to encode your image with a suitable encoding (e.g.: base64).

For example:

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA
AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot" />

However, you cannot include HTML in the body part of the mailto: URL. The content of the body parameter is considered plain-text as per RFC 2368.

The special hname “body” indicates that the associated hvalue is the body of the message. The “body” hname should contain the content for the first text/plain body part of the message. The mailto URL is primarily intended for generation of short text messages that are actually the content of automatic processing (such as “subscribe” messages for mailing lists), not general MIME bodies.

So if you use a URL encoded HTML as the body parameter of a mailto: URL, here is what happens:

<a href="https://stackoverflow.com/questions/26373737/mailto:[email protected]?subject=Check%20this%20out!&body=%3Cp%3EHi%3C%2Fp%3E%3Cimg%20src%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4%2F%2F8%2Fw38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg%3D%3D%22%20alt%3D%22Red%20dot%22%20%2F%3E">Write Email!</a>

Result:

New Outlook mail message

More Related Contents:

  1. how do i submit message to my email by html or js?
  2. HTML email with Javascript [closed]
  3. Best way to obfuscate an e-mail address on a website?
  4. How to set same value for all the text fields with same name attribute using Javascript?
  5. How to check the value of input [closed]
  6. How do I check whether a checkbox is checked in jQuery?
  7. Can Javascript read the source of any web page?
  8. Video auto play is not working in Safari and Chrome desktop browser
  9. Chrome counts characters wrong in textarea with maxlength attribute
  10. Node.js can’t create Blobs?
  11. How do I preserve line breaks when getting text from a textarea?
  12. Can we refer to JavaScript variables across webpages in a browser session?
  13. How to add Drop-Down list () programmatically?
  14. Ignore mouse interaction on overlay image
  15. HTML table with fixed headers and a fixed column? [closed]
  16. Javascript Error Null is not an Object
  17. Web Workers and Canvas
  18. Convert html table to array in javascript
  19. HTML Drag And Drop On Mobile Devices
  20. Check if window is already open window.open
  21. How to get ID of button user just clicked? [duplicate]
  22. Setting a button’s value using javascript
  23. Dynamically creating a specific number of input form elements
  24. JavaScript localStorage object broken in IE11 on Windows 7
  25. Find selected item in Datalist in HTML
  26. Save json string to client pc (using HTML5 API)
  27. Modal image galleries – multiple images
  28. Scroll / Jump to id without jQuery
  29. How can I detect a Scrollbar presence ( using Javascript ) in HTML iFrame?
  30. Geolocation closest location(lat, long) from my position

Leave a Comment