vue检测本地图片是否存在
时间: 2023-07-26 12:16:01 浏览: 243
vue data引入本地图片的两种方式小结
5星 · 资源好评率100%
在Vue中,可以通过使用`Image`对象来检测本地图片是否存在。可以使用以下代码来检测本地图片是否存在:
```javascript
checkImageExist(url) {
return new Promise((resolve, reject) => {
const img = new Image();
img.onload = () => resolve(true);
img.onerror = () => reject(false);
img.src = url;
});
}
```
在组件中使用该方法:
```javascript
async check() {
try{
const exists = await this.checkImageExist("path/to/image");
console.log(exists);
} catch(err) {
console.log(err);
}
}
```
该方法使用Promise和异步/等待语法来等待图片加载完成。如果图片存在并且成功加载,则返回`true`,否则返回`false`。
阅读全文