1. 问题描述
在使用uniapp编写代码时，遍历图片时无法正确显示出来，导致问题难以解决。这种情况通常出现在刚开始使用uniapp并不熟悉其运行机制的时候，但对于初学者来说，很难知道该如何解决这种情况。下面将介绍如何解决这个问题。
2. 解决方法
2.1 检查图片路径是否正确
首先，需要检查图片路径是否设置正确。在uniapp中，图片路径通常是相对于static文件夹的。可以尝试将图片路径更改为相对路径或绝对路径来解决该问题。如果图片路径设置正确，则可以尝试使用下面的方法。
2.2 使用uni.getImageInfo方法
在uniapp中，可以使用uni.getImageInfo方法来获取图片信息，包括图片的宽度、高度等等。使用该方法可以帮助检测图片是否能够正确加载。下面是该方法的代码示例：
uni.getImageInfo({
src: '图片路径',
success: function(res) {
console.log(res.width);
console.log(res.height);
}
});
该代码将输出图片的宽度和高度。如果图片的路径不正确，该方法将返回一个错误信息。如果图片路径正确且该方法能够正确获取图片信息，则说明需要使用其他方法来解决该问题。
2.3 使用图片的原始尺寸
有时候，图片的大小可能会超出规定的尺寸范围，导致图片无法正确加载。要解决这个问题，可以尝试在html中将图片的宽度和高度都设置为100%。
<img src='图片路径' style='width:100%;height:100%;' />
这样设置后，图片将自动适应其父元素的大小，从而可以避免因为图片尺寸过大而无法正常显示的问题。
2.4 检查图片格式是否支持
最后，如果仍然无法解决问题，则需要检查图片格式是否支持，uniapp中支持的图片格式包括png、jpg和gif等。如果图片格式不支持，则需要将其转换为支持的图片格式，然后再次尝试加载。
3. 结论
总结起来，解决uniapp遍历图片无法正确显示的问题的方法包括：检查图片路径是否正确、使用uni.getImageInfo方法检测图片是否能够正确加载、使用图片的原始尺寸、检查图片格式是否支持等。如果以上方法都无法解决该问题，则可以考虑寻求其他解决方案。