动态显示的缩略图不会出现在移动浏览器中

Question

我在这里有此表格的完整代码

<form id="asd">
    <input type='file' name="filename[1]" id="1" onchange="add()"/>
    <img id="a1" src="" alt=""/>
</form>

会产生一个新的文件输入和一个带有待处理源的新图像，这在文件输入收到选择后给出。

这在台式机上有效，但是在移动浏览器上，它仅显示选择的第一个图像，而其他图像则不显示，为什么？

谢谢。

Answer 1

实际上，该代码也无法在桌面上运行。 根本原因是：添加新的<img>元素（变量newimg ）时，将导致嵌套结构（ <img><br/><img src="..."></img> ），该结构永远不会显示任何图像。

要解决此问题，需要将外部标签更改为<div> 。

制作了一个可工作的jsfiddle 。 它也适用于移动设备。 请检查。