文件域上传多文件

请问文件域如何实现上传多个文件？

就是每次点击按钮可以选择一个或多个文件，也可以通过多次点击选择按钮增加想要上传的文件，最后在下面显示出来，格式类似：（css样式我已经实现了，但就是不知道怎么能实现点击按钮实现上传多文件）

简哥 2020-10-16

源自：HTML表单 2-1 input标签（文本域和文件域）

14

收起

2回答

好帮手慕言回答被采纳获得+3积分 2020-10-16 18:50:13

同学你好，以目前接触到的知识是不能实现的，要配合js实现，老师给你说一下思路：监听文件域的onchange事件，可以拿到文件域的files属性，里面包含了上传文件的所有信息，渲染到页面上就可以了。

现在不理解也没有关系，等同学接触的知识多了，就能慢慢理解了。现在作为一个了解即可

简哥提问者 #1

好的，谢谢老师

2020-10-19 09:11:02

好帮手慕言 2020-10-16 16:24:20

同学你好，可以添加multiple属性

实现一次可以上传多个文件的效果（在选择文件时，按住ctrl键），上传了几个文件，会有提示的，如下：

提问者简哥 #1

蟹蟹回答~那请问怎么才能把上传的这些文件的名字都显示出来呢？

2020-10-16 16:27:13

相似问题

文件上传在没有传输完成不会进入方法体？

如何实现上传多个文件的操作呢

FileItem.write()方法，上传的文件，怎么删除呢？

egg-multipart上传文件问题

为什么我上传什么文件都说扩展名不对文件类型不对

登录后可查看更多问答，登录/注册

1.前端零基础入门

参与学习人
提交作业 8403 份
解答问题 40143 个

本阶段为你揭开日常所见网页的神秘面纱，炫酷的动效并不难得，带你从基础知识到静态网页布局，再到用JS实现动态网页开发，轻松迈入前端开发的大门。

本课精华内容

问答作业

关于浏览器兼容性代码疑问

16 1

请老师检查

65 3

没有明白，为什么height是90，padding-top为60。它就居中了？

26 3

关于三种常用的清除浮动方法的优劣对比，请老师简单讲一讲

18 1

进击的小白们加油。分享一下我做最后这个项目作业的感受

188 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载