根据按钮的点击次数创建新元素

Question

**

简短的问题：如何编程html按钮以根据点击次数显示特定图像的详细信息，即是否单击一次按钮：显示图像1；两次：显示图像2等；

**

问题的详细说明：

所以我想创建一个html / php / javascript表单，而不仅仅是基本的html原始表单，不，我希望它能够允许用户一次上传多个文件，我希望布局是每次用户按下时的布局上传按钮，可以上传新文件，并显示缩略图，即围绕上传文件详细信息的矩形框，如： 上传表单

我尝试使用javascript创建一个新元素来包含上载文件的详细信息，包括当单击上载按钮时的缩略图，但是我有一个问题：

如何根据点击次数对html按钮进行编程以显示特定图像的详细信息，即是否单击一次按钮：显示图像1；两次：显示图像2等

Answer 1

如果图像中的名称与相应的点击数相同，那么就很容易了：

<button onclick="this.children[0].setAttribute('src', (Number(this.children[0].getAttribute('src').split('.')[0])+1) + '.jpg')">
 <img src="0.jpg"></img>
</button>

当然，在函数中包含js代码会比较干净。

如果图像名称与数字不匹配，则可以使用关联数组或对象为每个位置获取正确的名称。