🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
[TOC] ## 进度事件(如img,audio,link)等加载外部资源 主要由 AJAX 请求、`<img>`、`<audio>`、`<video>`、`<style>`、`<link>`等外部资源的加载触发,继承了`ProgressEvent`接口。它主要包含以下几种事件 * `abort`:外部资源中止加载时(比如用户取消)触发。如果发生错误导致中止,不会触发该事件。 * `error`:由于错误导致外部资源无法加载时触发。 * `load`:外部资源加载成功时触发。 * `loadstart`:外部资源开始加载时触发。 * `loadend`:外部资源停止加载时触发,发生顺序排在`error`、`abort`、`load`等事件的后面。 * `progress`:外部资源加载过程中不断触发。 * `timeout`:加载超时时触发。 文件上传也存在这些事件 ``` image.addEventListener('load', function (event) { image.classList.add('finished'); }); image.addEventListener('error', function (event) { image.style.display = 'none'; }); //error 的正确用法 <img src="/ad.png" onerror="this.style.display='none'"> ```