开发PDF合并工具时HTML文件上传无法多选问题求助
解决无法选择多个PDF文件的问题
你的文件选择框无法多选PDF的核心原因是没有给<input type="file">添加multiple属性,这是HTML文件输入控件支持多选的必要属性。另外还有两个细节可以优化:
accept属性的值改为小写.pdf,兼容更多浏览器环境- 将
name="pdfs"改为name="pdfs[]",方便后端框架(比如Express、PHP等)正确接收多个文件的数组
修改后的完整代码:
<div class="container"> <h1>PDF MERGER TOOL</h1> <form method="post" action="/merge" enctype='multipart/form-data'> <div class="form-group"> <label for="exampleFormControlFile1">Select the PDF files you want to merge</label> <input type="file" class="form-control-file" name="pdfs[]" id="exampleFormControlFile1" accept=".pdf" multiple> <input type="submit" value="Submit" class="btn btn-primary my-4"> </div> </form> </div>
修改后,你就能按住Ctrl(Windows)或Cmd(Mac)键选择多个PDF文件,也可以直接框选多个文件。
内容的提问来源于stack exchange,提问作者user20545624
相关产品推荐
相关产品推荐

