Question

我有此格式的完整代码here

<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。它也适用于移动设备。请检查。