javascript – HTML：选择多个文件但没有显示文件名？
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – HTML：选择多个文件但没有显示文件名？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含916字，纯文字阅读大概需要2分钟。
内容图文
我使用“multiple”标签让用户选择多个文件进行上传.
<input type="file" name="files[]" multiple />
但它仅显示例如“选择了3个文件”.最好还显示文件名.
它可行吗？谢谢.
BTW,在这种情况下如何取消选择文件(例如,清除列表)？
解决方法:
您可以使用input元素上的.files属性执行此操作：
document.getElementById('files').addEventListener('change', function(e) {
var list = document.getElementById('filelist');
list.innerHTML = '';
for (var i = 0; i < this.files.length; i++) {
list.innerHTML += (i + 1) + '. ' + this.files[i].name + '\n';
}
if (list.innerHTML == '') list.style.display = 'none';
else list.style.display = 'block';
});<input type="file" id="files" multiple />
<pre id="filelist" style="display:none;"></pre>如果仍然存在来自先前选择的内容,则首先清空列表,然后它遍历文件列表中的每个项目,然后将其添加到< pre>输入下面的元素. < pre>如果列表中没有选定的项目,则会隐藏.
PS：只需单击输入即可清除列表,然后按esc或单击文件选择窗口中的“取消”.
内容总结
以上是互联网集市为您收集整理的javascript – HTML：选择多个文件但没有显示文件名？全部内容，希望文章能够帮你解决javascript – HTML：选择多个文件但没有显示文件名？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。