使用href在電子郵件正文中添加圖像

Question

我的頁面中有一個鏈接，一旦點擊它就會打開電子郵件客戶端。 我的代碼如下：

<a href="mailto:?subject=Testing&body=AttachImage"> 

我的問題是我怎麼能在電子郵件的正文中添加圖像。我試過圖片src但它不起作用。有什麼建議麼？

Answer 1

將圖像添加到<a>標記中。

<a href="mailto:?subject=Testing"> 
    <img src="your image path"> 
</a> 

希望它能幫上忙。

Answer 2

它的工作，你可能還沒有定義img的寬度和高度。

img{ 
 
    width:100px; 
 
    height:100px; 
 
}

<a href="mailto:?subject=Testing&body=AttachImage"> 
 
<img src = "https://source.unsplash.com/random"> 
 
</a>

Answer 3

假設你把你像這樣定義：

<img id="myimage" src="http://www.myserver.com/images/myimage"></img> 

這裏編碼同等的base64，你想通過郵件發送：

<img id="b64" src=""></img> 

您可以使用base64編碼形式，例如：

function getBase64Image() { 
    //return LOGO; 
    var dataURL = ''; 
    try { 
    var img = document.getElementById('myimage'); 
    // Create an empty canvas element 
    var canvas = document.createElement("canvas"); 
    canvas.width = img.width; 
    canvas.height = img.height; 

    // Copy the image contents to the canvas 
    var ctx = canvas.getContext("2d"); 
    ctx.drawImage(img, 0, 0); 

    // Get the data-URL formatted image 
    // Firefox supports PNG and JPEG. You could check img.src to guess the 
    // original format, but be aware the using "image/jpg" will re-encode the image. 
    dataURL = canvas.toDataURL("image/jpg"); 
    } 
    catch(e) { 
    console.log('Could not retrieve Base64 image with userAgent : ' + navigator.userAgent + ' \nException : ' + e); 
    } 
    return dataURL; 

} 

var base64Image = getBase64Image(); 

然後設置你的IMG SRC：

document["b64"].src = base64Image ;