我们有一个移动应用程序,可将图像上传到我们的Web服务器,并且这些图像显示在仪表板上,该仪表板在chrome,IE和firefox最新版本的浏览器中打开;我们的用户使用Windows 7计算机甚至Android或IOS手机;从IOS 11上传的扩展名为.HEIC的图像无法在任何设备上正确显示; 在告诉我Windows 7和ANDROID不支持.HEIC图像之前,我已经将图像从Web服务器上拿到了我的PC:谁能告诉我为什么我右键单击在该图片上并打开并使用任何浏览器成功打开它?为什么使用相同的浏览器无法通过仪表板显示它?在将其转换为jpeg或png等任何兼容类型之前,我需要知道是否可以解决该问题。以下是我的仪表板最终代码和浏览器引发的错误示例:
<div class="HAL_Upload_Image_container">
<div class="HAL_Upload_Image" style="background-image:url('http://myImageURL.com/My_Folder/10//2018/0618/123456/CLIENT%5C29-06-2018%2009-37-16%20AM-505.PNG');"></div>
<div class="HAL_Image_Name"> 29-06-2018 09-37-16 AM-505 </div>
</div>
<div class="HAL_Upload_Image_container">
<div class="HAL_Upload_Image" style="background-image:url('http://myImageURL.com/My_Folder/10//2018/0618/123456/CLIENT%5C29-06-2018%2009-37-16%20AM-739.PNG');"></div>
<div class="HAL_Image_Name"> 29-06-2018 09-37-16 AM-739 </div>
</div>
<div class="HAL_Upload_Image_container">
<div class="BAN_Upload_Image" style="background-image:url('http://myImageURL.com/My_Folder/10//2018/0618/123456/CLIENT%5C29-06-2018%2009-37-16%20AM-942.HEIC');"></div>
<div class="HAL_Image_Name"> 29-06-2018 09-37-16 AM-942 </div>
</div>
Chrome 已登录控制台:无法加载资源:如果我将源代码粘贴到浏览器中,服务器的响应状态为404(未找到)抛出相同的错误
IE 11 没有记录任何错误并且图像不显示
FireFox 确实记录了任何错误,并且图像也无法显示
Safari 记录了与chrome相同的错误
但图像与其他2个图像一起存在于文件夹中; 3个具有相同的URL,但是它们的名称和扩展名有所不同...有任何提示吗?