Javascript 不在IE中加载图像，但在所有其他浏览器中加载图像

我有一个表单，用户可以上传他们感兴趣的图像，将它们锁定在UI徽标位置。因此，当通过表单上传这些图像时，一旦用户上传并启动save按钮，该按钮将在表单中显示一个40*40px的图像，以显示用户之前上传的内容。这个40*40px的图像在所有浏览器中都清晰可见，但在IE8、IE9、IE11中却不可见。在四处寻找之后，我尝试了许多解决方案，但我感到很累。有人能解释为什么IE中不会发生这种情况吗

提前谢谢

这是带有“Img”标签的表格

<form:form id="submitform"  action="updatePolicyLogo.non" name="policyLogosForm" modelAttribute="policyLogos" method="POST" autocomplete="off" enctype="multipart/form-data">
<fieldset>
    <label for="policyId" title='<spring:message code="tt.mysettings.policy" />'><spring:message    code="label.policy" /></label>
    <form:select id="policyId" path="policyId" style="width:160px;">
        <form:options items="${policies}" itemValue="value" itemLabel="label" htmlEscape="false" />
    </form:select>
    <br/>
    <label for="policyLogo"> <spring:message code="label.policy.logo.current" /></label>
    <img id="existingImageId" src="icons/icn_delete.png"/> 
    <a id="deleteImageId"> <img id="deleteImg" src="icons/icn_delete.png"  style="margin-top:6px"/> </a>
    <div id="noneLogo"> <spring:message code="label.policy.logo.none" /> </div>
    <br/>
    <label> <spring:message code="label.policy.logo.new" /></label>  <form:input id="policyLogo" path="policyLogo" style="width:160px;" type="file" accept="image/*" />
    <form:errors path="policyLogo" />                
</fieldset>

<div class="submit">
    <input type="submit" class="button" value='<spring:message code="label.button.save" />' />
</div>

在Chrome中，我在加载后得到以下HTML

<form id="submitform" name="policyLogosForm" action="updatePolicyLogo.ams" method="POST" enctype="multipart/form-data" autocomplete="off">
<fieldset>
    <label for="policyId" title="Policy must be accessible by creator.">Policy</label>
    <select id="policyId" name="policyId" style="width:160px;">
        <option value="1" selected="selected">All Policies</option>
    </select>
    <br>
    <label for="policyLogo"> Current Logo</label>
    <img id="existingImageId" src="getLogo.ams?id=1" style="display: block;"> 
    <a id="deleteImageId"> <img id="deleteImg" src="icons/icn_delete.png" style="margin-top: 6px; display: block;"> </a>
    <div id="noneLogo" style="display: none;"> No Logo Selected. </div>
    <br>
    <label> New Logo</label>  <input id="policyLogo" name="policyLogo" style="width:160px;" accept="image/*" type="file" value="org.springframework.web.multipart.commons.CommonsMultipartFile@16860f88">

</fieldset>

<div class="submit">
    <input type="submit" class="button" value="Save">
</div>

政策
所有政策


当前徽标
而且
它说selectedPolicyId未定义；添加var selectedPolicyId=“”$（“#existingImageId”）.attr（“src”、“getLogo.ams？id=“+selectedPolicyId”）.bind（'load'，function（event）{event.preventDefault（）；$（“#noneLogo”）.css（'display'，'none'）；$（“#existingImageId”）.css（'display'，'block'）；$（“#deleteImg”）.css（'display'，'block'）；alert（“src”）；很抱歉，我没有在这里发布其他一些代码，其中定义了selectedPolicyId。是否可以在JSFIDLE中发布带有虚拟图像的代码，您可以从google获得大量虚拟图像，或者在JSFIDLE中搜索图像
<form id="submitform" name="policyLogosForm" action="updatePolicyLogo.ams" method="POST" enctype="multipart/form-data" autocomplete="off">
<fieldset>
    <label for="policyId" title="Policy must be accessible by creator.">Policy</label>
    <select id="policyId" name="policyId" style="width:160px;">
        <option value="1" selected="selected">All Policies</option>
    </select>
    <br>
    <label for="policyLogo"> Current Logo</label>
    <img id="existingImageId" src="getLogo.ams?id=1" style="display: block;"> 
    <a id="deleteImageId"> <img id="deleteImg" src="icons/icn_delete.png" style="margin-top: 6px; display: block;"> </a>
    <div id="noneLogo" style="display: none;"> No Logo Selected. </div>
    <br>
    <label> New Logo</label>  <input id="policyLogo" name="policyLogo" style="width:160px;" accept="image/*" type="file" value="org.springframework.web.multipart.commons.CommonsMultipartFile@16860f88">

</fieldset>

<div class="submit">
    <input type="submit" class="button" value="Save">
</div>