下载服务器图片到手机同时显示在页面中

通常<img src="http://server:port/..../*.png">显示一张服务器上的图片
为了节省用户的流量，我们的项目中要求先将图片下载到手机上，然后再显示
如果开发android原生态的应用，我们是这样做的
<img src="content://com.mycompany/pic.png">
就是说src指向的是一个ContentPrivider，它是一个java编写的程序，在程序中判断pic.png在手机中是否存在，如果不在，则从服务器下载。然后将手机中的或刚下载的这个图片内容显示在图片控件中
请问在mui或html5+中有没有这样的机制，应该怎么实现？