美文网首页程序员前端的坑坑洼
编写html邮件的图片如何用链接

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

作者: _二向箔_ | 来源:发表于2018-03-07 18:38 被阅读0次

    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邮件的图片如何用链接

        本文链接:https://www.haomeiwen.com/subject/pzcsfftx.html