时间戳

首页 > 解决方案 > 隐藏时阻止图像上传

javascript - 隐藏时阻止图像上传

问题描述

我正在开发响应式 Web 应用程序，当我使用移动设备时，我注意到隐藏图像已上传到浏览器的网络中。因此对于应用程序的性能来说不是一件好事，我想在使用移动设备时停止上传这些图像。在我的 HTML 中，我为每个设备和变量使用了 css 样式以在普通浏览器中显示图像，并将其隐藏在移动设备中（使用 *ngIf），但它不会阻止它上传图像。你能帮忙解决这个优化问题吗？最好的方法是什么。我正在使用 Angular 8，我不想使用 jQuery。

提前致谢

标签： javascripthtmlcssangular

解决方案

loadIt() {
    if(imageIsInFront) {
    mustBeLoaded = true;
    }
}

<div *ngFor="let img of images, let i=index">
  <img *ngIf="mustBeLoaded" (load)="loadIt()" [src]="img">
</div>

未测试

推荐阅读