条形码未以电子邮件 EML 格式显示，但显示为 html 页面 [关闭]

Question

我有一封保存为 eml 的电子邮件，邮件中嵌入了 Div 块中的条形码。电子邮件条码部分的内容类型设置为 text/html，电子邮件内容类型为 multipart/mixed 但由于某些原因，当我在 outlook 中打开邮件时，条码不可见……但是，如果我复制条码 Div屏蔽为 HTML 页面，我可以看到条形码……有人知道我该如何解决这个问题吗？谢谢。

EML内容：

From: [email protected] 
Date: Mon, 15 May 2023 16:21:01 +1000 
Subject: DO NOT REPLY 
Message-Id:<MTWDS312YJU4.NWNFQYTLCQXS3@g06auxn00621>
To: [email protected] 
MIME-Version: 1.0 
Content-Type: multipart/mixed; boundary="=-lJIfmXP5BfpHs0GCtRweEw==" 

--=-lJIfmXP5BfpHs0GCtRweEw== 
Content-Type: text/html; charset=utf-8

  <emailbody>

    <div class="barcode" data-content="humanId" data-format="code128" style="padding: 0px; overflow: auto; width: 330px;">
      <div class="mx-auto w-100">
        <div style="float: left; font-size: 0; background-color: #FFFFFF; height: 80px; width: 20px"></div>
        <div style="float: left; font-size: 0; width:0; border-left: 4px solid #000000; height: 80px;"></div>
        <div style="float: left; font-size: 0; background-color: #FFFFFF; height: 80px; width: 2px"></div>
        <div style="float: left; font-size: 0; width:0; border-left: 2px solid #000000; height: 80px;"></div>
        <div style="float: left; font-size: 0; background-color: #FFFFFF; height: 80px; width: 4px"></div>
        <div style="float: left; font-size: 0; width:0; border-left: 6px solid #000000; height: 80px;"></div>
        <div style="float: left; font-size: 0; background-color: #FFFFFF; height: 80px; width: 4px"></div>
        <div style="float: left; font-size: 0; width:0; border-left: 4px solid #000000; height: 80px;"></div>
        <div style="float: left; font-size: 0; background-color: #FFFFFF; height: 80px; width: 4px"></div>
        <div style="float: left; font-size: 0; width:0; border-left: 2px solid #000000; height: 80px;"></div>
        <div style="float: left; font-size: 0; background-color: #FFFFFF; height: 80px; width: 4px"></div>
        <div style="float: left; font-size: 0; width:0; border-left: 6px solid #000000; height: 80px;"></div>
        <div style="float: left; font-size: 0; background-color: #FFFFFF; height: 80px; width: 2px"></div>
        <div style="float: left; font-size: 0; width:0; border-left: 6px solid #000000; height: 80px;"></div>
        <div style="float: left; font-size: 0; background-color: #FFFFFF; height: 80px; width: 2px"></div>
        <div style="float: left; font-size: 0; width:0; border-left: 4px solid #000000; height: 80px;"></div>
        <div style="float: left; font-size: 0; background-color: #FFFFFF; height: 80px; width: 2px"></div>
        <div style="float: left; font-size: 0; width:0; border-left: 6px solid #000000; height: 80px;"></div>
        <div style="float: left; font-size: 0; background-color: #FFFFFF; height: 80px; width: 2px"></div>
        <div style="float: left; font-size: 0; width:0; border-left: 2px solid #000000; height: 80px;"></div>
        <div style="float: left; font-size: 0; background-color: #FFFFFF; height: 80px; width: 6px"></div>
        <div style="float: left; font-size: 0; width:0; border-left: 2px solid #000000; height: 80px;"></div>
        <div style="float: left; font-size: 0; background-color: #FFFFFF; height: 80px; width: 4px"></div>
        <div style="float: left; font-size: 0; width:0; border-left: 4px solid #000000; height: 80px;"></div>
        <div style="float: left; font-size: 0; background-color: #FFFFFF; height: 80px; width: 4px"></div>
        <div style="float: left; font-size: 0; width:0; border-left: 2px solid #000000; height: 80px;"></div>
        <div style="float: left; font-size: 0; background-color: #FFFFFF; height: 80px; width: 2px"></div>
        <div style="float: left; font-size: 0; width:0; border-left: 6px solid #000000; height: 80px;"></div>
        <div style="float: left; font-size: 0; background-color: #FFFFFF; height: 80px; width: 4px"></div>
        <div style="float: left; font-size: 0; width:0; border-left: 4px solid #000000; height: 80px;"></div>
        <div style="float: left; font-size: 0; background-color: #FFFFFF; height: 80px; width: 4px"></div>
        <div style="float: left; font-size: 0; width:0; border-left: 2px solid #000000; height: 80px;"></div>
        <div style="float: left; font-size: 0; background-color: #FFFFFF; height: 80px; width: 4px"></div>
        <div style="float: left; font-size: 0; width:0; border-left: 6px solid #000000; height: 80px;"></div>
        <div style="float: left; font-size: 0; background-color: #FFFFFF; height: 80px; width: 2px"></div>
        <div style="float: left; font-size: 0; width:0; border-left: 4px solid #000000; height: 80px;"></div>
        <div style="float: left; font-size: 0; background-color: #FFFFFF; height: 80px; width: 4px"></div>
        <div style="float: left; font-size: 0; width:0; border-left: 4px solid #000000; height: 80px;"></div>
        <div style="float: left; font-size: 0; background-color: #FFFFFF; height: 80px; width: 2px"></div>
        <div style="float: left; font-size: 0; width:0; border-left: 6px solid #000000; height: 80px;"></div>
        <div style="float: left; font-size: 0; background-color: #FFFFFF; height: 80px; width: 4px"></div>
        <div style="float: left; font-size: 0; width:0; border-left: 2px solid #000000; height: 80px;"></div>
        <div style="float: left; font-size: 0; background-color: #FFFFFF; height: 80px; width: 4px"></div>
        <div style="float: left; font-size: 0; width:0; border-left: 4px solid #000000; height: 80px;"></div>
        <div style="float: left; font-size: 0; background-color: #FFFFFF; height: 80px; width: 4px"></div>
        <div style="float: left; font-size: 0; width:0; border-left: 4px solid #000000; height: 80px;"></div>
        <div style="float: left; font-size: 0; background-color: #FFFFFF; height: 80px; width: 2px"></div>
        <div style="float: left; font-size: 0; width:0; border-left: 4px solid #000000; height: 80px;"></div>
        <div style="float: left; font-size: 0; background-color: #FFFFFF; height: 80px; width: 4px"></div>
        <div style="float: left; font-size: 0; width:0; border-left: 2px solid #000000; height: 80px;"></div>
        <div style="float: left; font-size: 0; background-color: #FFFFFF; height: 80px; width: 6px"></div>
        <div style="float: left; font-size: 0; width:0; border-left: 2px solid #000000; height: 80px;"></div>
        <div style="float: left; font-size: 0; background-color: #FFFFFF; height: 80px; width: 2px"></div>
        <div style="float: left; font-size: 0; width:0; border-left: 4px solid #000000; height: 80px;"></div>
        <div style="float: left; font-size: 0; background-color: #FFFFFF; height: 80px; width: 6px"></div>
        <div style="float: left; font-size: 0; width:0; border-left: 2px solid #000000; height: 80px;"></div>
        <div style="float: left; font-size: 0; background-color: #FFFFFF; height: 80px; width: 2px"></div>
        <div style="float: left; font-size: 0; width:0; border-left: 8px solid #000000; height: 80px;"></div>
        <div style="float: left; font-size: 0; background-color: #FFFFFF; height: 80px; width: 2px"></div>
        <div style="float: left; font-size: 0; width:0; border-left: 6px solid #000000; height: 80px;"></div>
        <div style="float: left; font-size: 0; background-color: #FFFFFF; height: 80px; width: 2px"></div>
        <div style="float: left; font-size: 0; width:0; border-left: 6px solid #000000; height: 80px;"></div>
        <div style="float: left; font-size: 0; background-color: #FFFFFF; height: 80px; width: 2px"></div>
        <div style="float: left; font-size: 0; width:0; border-left: 4px solid #000000; height: 80px;"></div>
        <div style="float: left; font-size: 0; background-color: #FFFFFF; height: 80px; width: 2px"></div>
        <div style="float: left; font-size: 0; width:0; border-left: 6px solid #000000; height: 80px;"></div>
        <div style="float: left; font-size: 0; background-color: #FFFFFF; height: 80px; width: 2px"></div>
        <div style="float: left; font-size: 0; width:0; border-left: 2px solid #000000; height: 80px;"></div>
        <div style="float: left; font-size: 0; background-color: #FFFFFF; height: 80px; width: 4px"></div>
        <div style="float: left; font-size: 0; width:0; border-left: 4px solid #000000; height: 80px;"></div>
        <div style="float: left; font-size: 0; background-color: #FFFFFF; height: 80px; width: 6px"></div>
        <div style="float: left; font-size: 0; width:0; border-left: 2px solid #000000; height: 80px;"></div>
        <div style="float: left; font-size: 0; background-color: #FFFFFF; height: 80px; width: 4px"></div>
        <div style="float: left; font-size: 0; width:0; border-left: 4px solid #000000; height: 80px;"></div>
        <div style="float: left; font-size: 0; background-color: #FFFFFF; height: 80px; width: 6px"></div>
        <div style="float: left; font-size: 0; width:0; border-left: 6px solid #000000; height: 80px;"></div>
        <div style="float: left; font-size: 0; background-color: #FFFFFF; height: 80px; width: 2px"></div>
        <div style="float: left; font-size: 0; width:0; border-left: 2px solid #000000; height: 80px;"></div>
        <div style="float: left; font-size: 0; background-color: #FFFFFF; height: 80px; width: 2px"></div>
        <div style="float: left; font-size: 0; width:0; border-left: 4px solid #000000; height: 80px;"></div>
        <div style="float: left; font-size: 0; background-color: #FFFFFF; height: 80px; width: 20px"></div>
        <div style="clear:both; width: 330px !important; background-color:#FFFFFF; color:#000000; text-align: center; font-size: 20px; margin-top:5px;">20230515162101347</div>
      </div>
    </div>


  </emailbody>
--=-lJIfmXP5BfpHs0GCtRweEw==--