1、首先我们先看一下最终的实现效果，使用multiple=""属性和没有multiple=""属性的效果，前面是可以选择多个文件，后面是只能选择一个文件，如下图所示。
2、下面开始我们的教学，新建一个TXT文档，准备写JS脚本，如下图所示。
4、然后我们在body下面输入input参数及属性，注意这里面我们使用了multiple="" 属性，那么上传文件的时候就是可以选择多个的，如下图所示。 <input type="file" id="file" onchange="changeImg(this)" multiple="" accept="image/jpg,image/jpeg,image/png,image/PNG"> <img src="#" id="cur-img" style="display: none" />
6、所有脚本输入完成后，保存文档，并将TXT文档的扩展名修改为html，如下图所示。<!DOCTYPE html><html>&造婷用痃lt;head> <meta charset="UTF-8"> <title></title></head><body> <input type="file" id="file" onchange="changeImg(this)" multiple="" accept="image/jpg,image/jpeg,image/png,image/PNG"> <img src="#" id="cur-img" style="display: none" /><script>function changeImg() { var reads = new FileReader(); var imgFile = document.getElementById('file').files[0]; var result = reads.readAsDataURL(imgFile); reads.onload = function(e) { var curImg = document.getElementById('cur-img'); curImg.src = this.result; curImg.style.display = "block"; };}</script></body></html>
9、综上所述，js如何限制只能上传一个附件，其实一个属性就可以控制了，网友可以复制我的代码试一下，希望能够有所帮助。
