Question

我需要知道客户端（jquery / js /或任何其他客户端框架）的容器中是否存在blob

方案

我在我的azure blob存储空间的一个容器中有一个用户的个人资料图片。我在我的网页上显示如下

<img class="profile pic" src="https://storageacc.blob.core.windows.net/container/empid/profile/pic" />

图像源是在运行时动态构建的。但是会有用户没有上传他的个人资料照片的情况，所以我需要显示空白的个人资料照片。意味着如果用户上传了pic，我将会显示pic.png else blank.png。

因此，当我加载页面并且图像源URL是内置时，我需要知道图片是否存在。我希望这发生在客户端。没有发布ajax到c＃ws以查看图片是否存在。

我想到的一个解决方案是在数据库中维护一个标志，并在用户上传配置文件图片时将其设置为true，在构建图片网址时检查该标记并设置img {{ 1}}因此。

但是我需要在上传照片时设置标记，如果删除则取消设置。为了首先避免这种情况和数据库干预，我是否有一个解决方案来检查客户端Azure blob容器上的映像是否存在？

提前致谢。

Answer 1

我可以在onerror标记中使用img属性来解决此问题。

<img src="azure_blob_url" onerror="this.src='images/blank.png'">

如果azure_blob_url不存在，将显示blank.png。我可以安全地避免数据库干预和ajax帖子来检查图像是否存在于博客存储中。

非常感谢＃8;＆＃39;直到现在才读这篇文章的人。