为什么我的图片无法加载到此签名 html 上
问题描述 投票：0回答：1
<html>
<table border="0" cellspacing="0" cellpadding="0" width="643" style="width:17.0cm;border-collapse:collapse">
<tbody>
<tr style="height:61.7pt">
<td width="191" style="width:143.0pt;padding:0cm 0cm 0cm 0cm;height:61.7pt">
<p class="MsoNormal">
<span lang="EN-US" style="font-size:8.0pt;font-family:"Gotham Light";color:#002060">Maria Laura Quirós<u></u><u></u>
</span>
</p>
<p class="MsoNormal">
<span lang="EN-US" style="font-size:8.0pt;font-family:"Gotham Light";color:#002060">Directora & Socia Door Training and Consulting Costa Rica<u></u><u></u></span>
</p>
<p class="MsoNormal">
<span style="font-size:8.0pt;font-family:"Gotham Light";color:#002060">T</span>
<span style="font-size:12.0pt;color:#002060"> </span>
<span style="font-size:8.0pt;font-family:"Gotham Light";color:#002060">+506 4030 1649<u></u><u></u></span>
</p>
<p class="MsoNormal">
<span style="font-size:8.0pt;font-family:"Gotham Light";color:#002060">M +506 6043 5752<u></u><u></u></span>
</p>
<p class="MsoNormal">
<span lang="EN-US" style="font-size:12.0pt">
<a href="mailto:[email protected]" target="_blank">
<span lang="DE" style="font-size:8.0pt;font-family:"Gotham Light";color:blue">[email protected]</span>
</a>
</span>
<span style="font-size:8.0pt;font-family:"Gotham Light";color:#002060"><u></u><u></u>
</span>
</p>
</td>
<td width="86" style="width:64.8pt;border:none;border-right:solid windowtext 1.0pt;padding:0cm 0cm 0cm 0cm;height:61.7pt">
<p class="MsoNormal" align="center" style="text-align:center">
<a href="https://www.doorconsultingcr.com/" target="_blank" data-saferedirecturl="https://www.google.com/url?q=https://www.doorconsultingcr.com/&source=gmail&ust=1709853941252000&usg=AOvVaw1E3AGDFC_gSZJCB0E1PIks">
<span lang="EN-US" style="color:windowtext;text-decoration:none">
<img border="0" width="71" height="71" style="width:.7395in;height:.7395in" id="m_2269416675111168282Picture_x0020_600157449" src="https://mail.google.com/mail/u/0?ui=2&ik=1ebfc63c3f&attid=0.2&permmsgid=msg-f:1792799726534911592&th=18e14dda4587e668&view=fimg&fur=ip&sz=s0-l75-ft&attbid=ANGjdJ_QzdP_BA8rRCFWZkvoA---jaePk6Jy6Q9ERJbz9yDJSfb0DWK40Nqrp6ok1GJvQ4iEeRbX2YTIurS1XFFILnqQgvigSbPJwcxuQggLV8orc-GFi2cITOBkY_E&disp=emb" alt="A logo with text and confetti
Description automatically generated" data-image-whitelisted="" class="CToWUd" data-bit="iit">
</span>
</a>
<span lang="EN-US" style="font-size:12.0pt"><u></u><u></u></span>
</p>
</td>
<td width="36" style="width:27.3pt;border:none;border-right:solid windowtext 1.0pt;padding:0cm 0cm 0cm 0cm;height:61.7pt">
<p class="MsoNormal" align="center" style="margin-top:1.5pt;text-align:center;line-height:150%">
<a href="https://www.linkedin.com/company/door-training-and-consulting-costa-rica/" target="_blank" data-saferedirecturl="https://www.google.com/url?q=https://www.linkedin.com/company/door-training-and-consulting-costa-rica/&source=gmail&ust=1709853941252000&usg=AOvVaw3-_OjgEpRhwBWJ8L8PO4tQ">
<span lang="EN-GB" style="font-size:8.0pt;line-height:150%;color:windowtext;text-decoration:none">
<img border="0" width="22" height="22" style="width:.2291in;height:.2291in" id="m_2269416675111168282Picture_x0020_525036754" src="https://mail.google.com/mail/u/0?ui=2&ik=1ebfc63c3f&attid=0.3&permmsgid=msg-f:1792799726534911592&th=18e14dda4587e668&view=fimg&fur=ip&sz=s0-l75-ft&attbid=ANGjdJ_kBLBVrRwT_TEYLnjZaPsXq5uo4Ayqf_PqqoNIZZAKNWVdFpkKChq46C7WCuNgVC1QVCPF0gayJtRB-Yc19ryZYPQiiSj7TCAvYaQliox2v9Z4sjtUdH1WEgA&disp=emb" alt="A pink and black logo
Description automatically generated" data-image-whitelisted="" class="CToWUd" data-bit="iit" jslog="32272; 1:WyIjdGhyZWFkLWY6MTc5Mjc5OTcyNjUzNDkxMTU5MiJd; 4:WyIjbXNnLWY6MTc5Mjc5OTcyNjUzNDkxMTU5MiJd">
</span>
</a>
<span lang="EN-GB" style="font-size:8.0pt;line-height:150%"><u></u><u></u>
</span>
</p>
<p class="MsoNormal" align="center" style="margin-top:1.5pt;text-align:center;line-height:150%">
<a href="https://www.instagram.com/doortraining.cr" target="_blank" data-saferedirecturl="https://www.google.com/url?q=https://www.instagram.com/doortraining.cr&source=gmail&ust=1709853941252000&usg=AOvVaw06wuOIR7yGlqHGUzaQSzGt">
<span lang="EN-GB" style="font-size:8.0pt;line-height:150%;color:windowtext;text-decoration:none">
<img border="0" width="22" height="22" style="width:.2291in;height:.2291in" id="m_2269416675111168282Picture_x0020_457716067" src="https://mail.google.com/mail/u/0?ui=2&ik=1ebfc63c3f&attid=0.4&permmsgid=msg-f:1792799726534911592&th=18e14dda4587e668&view=fimg&fur=ip&sz=s0-l75-ft&attbid=ANGjdJ_Q9ir3aazBvAhZiEmr-fbVxxuoxCLRluqK8Pl-tM1EovWCQz8HzzQprz4T-voTy0NAM77oysvewVnl0E7ZfowVZicO0eb2GqDH5l61sh6bjQNk7IERWvxpVl4&disp=emb" alt="A logo of a camera
Description automatically generated" data-image-whitelisted="" class="CToWUd" data-bit="iit">
</span>
</a>
<span lang="EN-GB" style="font-size:8.0pt;line-height:150%"><u></u><u></u>
</span>
</p>
<p class="MsoNormal" align="center" style="margin-right:0cm;margin-bottom:6.0pt;margin-left:0cm;text-align:center;line-height:150%">
<a href="https://www.facebook.com/doorconsultingcr" target="_blank" data-saferedirecturl="https://www.google.com/url?q=https://www.facebook.com/doorconsultingcr&source=gmail&ust=1709853941253000&usg=AOvVaw0P1DLkg5lfgbTGWA6z5wnQ">
<span lang="EN-GB" style="font-size:8.0pt;line-height:150%;color:windowtext;text-decoration:none">
<img border="0" width="22" height="22" style="width:.2291in;height:.2291in" id="m_2269416675111168282Picture_x0020_129888742" src="https://mail.google.com/mail/u/0?ui=2&ik=1ebfc63c3f&attid=0.5&permmsgid=msg-f:1792799726534911592&th=18e14dda4587e668&view=fimg&fur=ip&sz=s0-l75-ft&attbid=ANGjdJ9obUW0PsGgtFTd3p73qGSjfGiEG_Acucq7nF9FoGDZSMEnX0HwW0Dk-WlBR4y7TuiJftOcTV8yMI_iJCGXagFMid66fisnoUk_mQRF75VGvnQ7qzCRHHHLz84&disp=emb" alt="A black and pink logo
Description automatically generated" data-image-whitelisted="" class="CToWUd" data-bit="iit">
</span>
</a>
<span lang="EN-GB" style="font-size:8.0pt;line-height:150%"><u></u><u></u>
</span>
</p>
</td>
<td width="263" style="width:197.25pt;padding:0cm 0cm 0cm 0cm;height:61.7pt">
<p class="MsoNormal">
<a href="https://www.doorconsultingcr.com/leadership-architecture" target="_blank" data-saferedirecturl="https://www.google.com/url?q=https://www.doorconsultingcr.com/leadership-architecture&source=gmail&ust=1709853941253000&usg=AOvVaw24D1u9F7hbxiMODd5GO7--">
<span lang="EN-GB" style="font-size:8.0pt;color:windowtext;text-decoration:none">
<img border="0" width="248" height="76" style="width:2.5833in;height:.7916in" id="m_2269416675111168282Picture_x0020_943383402" src="https://mail.google.com/mail/u/0?ui=2&ik=1ebfc63c3f&attid=0.6&permmsgid=msg-f:1792799726534911592&th=18e14dda4587e668&view=fimg&fur=ip&sz=s0-l75-ft&attbid=ANGjdJ_O60ATPym9axyj0ld_J88NFazs9UrzUlumxdwJFE2HKWJ6kkMC7dO06xmBBO2G9mn2oR8_TQVsjzublsF3BKTXceBRTJHrLoxB1AQgvr7-gDPkB0GkhZzL16k&disp=emb" alt="A black background with blue text
Description automatically generated" data-image-whitelisted="" class="CToWUd" data-bit="iit">
</span>
</a>
<span lang="EN-GB" style="font-size:8.0pt"><u></u><u></u>
</span>
</p>
</td>
<td width="66" style="width:49.6pt;padding:0cm 0cm 0cm 0cm;height:61.7pt">
<p class="MsoNormal">
<a href="https://www.doorconsultingcr.com/leadership-architecture" target="_blank" data-saferedirecturl="https://www.google.com/url?q=https://www.doorconsultingcr.com/leadership-architecture&source=gmail&ust=1709853941253000&usg=AOvVaw24D1u9F7hbxiMODd5GO7--">
<span lang="EN-US" style="font-size:12.0pt;color:windowtext;text-decoration:none">
<img border="0" width="73" height="73" style="width:.7604in;height:.7604in" id="m_2269416675111168282Picture_x0020_732619802" src="https://mail.google.com/mail/u/0?ui=2&ik=1ebfc63c3f&attid=0.7&permmsgid=msg-f:1792799726534911592&th=18e14dda4587e668&view=fimg&fur=ip&sz=s0-l75-ft&attbid=ANGjdJ-29FMgjYqItFD990VR0dUPNPfR8aKheoOykHsx4CJ83A3PATA3PeDPRa2NQiMXewpmOmrH6w9OB3y0gy9qNBKcZcDcaf0AAH0iKGjvHDQT0UFuxliCkrHRIL4&disp=emb" alt="A white background with black and white clouds
Description automatically generated" data-image-whitelisted="" class="CToWUd" data-bit="iit">
</span>
</a>
<span lang="EN-GB" style="font-size:8.0pt"><u></u><u></u>
</span>
</p>
</td>
</tr>
</tbody>
</table>
</html>
我在VS上制作了这个HTML文件来为outlook做签名。问题是图片不会从发送者端和接收者端加载。当我在计算机上打开 HTML 文件时，图片就在那里。不确定我是否遗漏了一些东西或者我是否完全关闭了，但是任何指示都会被感激
接收器 POV（我确实尝试单击加载图片，但它保持不变）
发件人 POV（我确实尝试单击加载图片，但它保持不变）
它应该是什么样子
1个回答
0
投票
投票
您使用的图像源似乎指向您在 gmail 中收到的电子邮件中的附件图像：
https://mail.google.com/mail/u/0?ui=2&ik=1ebfc63c3f&attid=0.7&permmsgid=msg-f:1792799726534911592&th=18e14dda4587e668&view=fimg&fur=ip&sz=s0-l75-ft&attbid=ANGjdJ-29FMgjYqItFD990VR0dUPNPfR8aKheoOykHsx4CJ83A3PATA3PeDPRa2NQiMXewpmOmrH6w9OB3y0gy9qNBKcZcDcaf0AAH0iKGjvHDQT0UFuxliCkrHRIL4&disp=emb只有在浏览器中登录 Gmail 后才能查看这些内容。您的电子邮件客户端或任何其他电子邮件客户端都不会为您的 Gmail 收件箱提供登录 Cookie，这就是它在任何电子邮件中都不起作用的原因。如果您将其保存为 HTML 文件并在浏览器中查看它（当您登录到您的 Gmail 帐户时），它确实可以工作。
要解决此问题，您需要将图像托管在公开可用的位置，使用 MIME 多部分邮件将它们嵌入到您的电子邮件中，或使用 data-urls 和 base64 编码将它们嵌入到您的 html 中。
最新问题
- Android Studio 突然不再构建项目了
- 无法在React js中浏览受保护的路由[重复]
- 如何优化大型 MySQL 表上的计算列的 ORDER BY
- DB::Exception：可刷新的物化视图是实验性的。启用allow_experimental_refreshable_materialized_view来使用
- NuGet.exe 包给出“访问路径”被拒绝错误
- TJavaFlex后的数据输出
- 异常：回复中的公钥与密钥库不匹配
- 将 JWT 令牌与现有内部用户帐户关联的最佳方式是什么？
- 在 TypeScript 中测试和运行程序的问题
- 如何对我的 php 表中的过滤结果进行排序？
- 如何将数据插入到具有更改架构的增量表中
- 在 Robot Framework 中检查多种文件类型的最佳方法
- 访问方法“gin”不存在操作符类“gin_trgm_ops”
- C++/Qt 的 MultiOS“Jet 数据库”？
- 在 MATLAB 中生成向量
- 如何隐藏<label for="">CSS
- Laravel 站点错误：GD 库错误：无法打开流：没有这样的文件或目录
- 我怎样才能只针对特定宽度激活这个javascript函数？
- 如何推迟对没有主键的视图/表的反射？
- 如何管理（读取和写入）管道和共享库之间的变量值？
© www.soinside.com 2019 - 2024. All rights reserved.