编写html邮件的图片如何用链接

html 来编写邮件,是有一定规则的,就目前来说,不支持html5,可以看看阮一峰的HTML Email 编写指南:http://www.ruanyifeng.com/blog/2013/06/html_email.html

这里主要讲的是邮件里面的图片插入问题,插入图片时不能用相对位置需要用绝对路径,完整的URl
例如:
https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png

但是我们项目中的图片大多是设计出来的本地图片,所以我们要想办法获取一个图片的url。

  • 可以把图片上传到一些网站
  • 把图片放入项目里面的 image 的文件夹,通过web服务,用浏览器进行访问。其实就是把项目的地址加到绝对路径前面
    例如:
    https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png里面的images/branding/googlelogo/2x/googlelogo_color_272x92dp.png
    就是图片放的位置
    如果是本地放着的,应该是这样子的链接,
    http://localhost:63342/vue-try/application1.jpg
    不过本地的不能访问

希望对您有帮助!

你可能感兴趣的:(编写html邮件的图片如何用链接)