javascript - 如何控制多次上传计数5

Question

我想上传图片以添加属性，并且有一些代码可以添加 5 个以上的文件上传。如何在五点停止上传。 这是我正在使用的示例代码

<form enctype="multipart/form-data" action="" method="post">
<div id="filediv"><input name="file[]" type="file" id="file"/></div><br/>
<input type="button" id="add_more" class="upload" value="Add More Files"/>
<input type="submit" value="Upload File" name="submit" id="upload" class="upload"/>
</form>

添加按钮的js代码是

$('#add_more').click(function() {
$(this).before($("<div/>", {id: 'filediv'}).fadeIn('slow').append(
$("<input/>", {name: 'file[]', type: 'file', id: 'file'}),        
$("<br/><br/>")
));
});

我怎样才能停止添加更多按钮只能用于五个。

Answer 1

这里最重要的考虑是你只能真正限制服务器上文件上传的数量。没有任何 Javascript 或 HTML 会阻止用户上传超过 5 个文件。您需要在服务器上设置限制。

max_file_uploads PHP.ini 指令允许您限制通过 POST 请求发送到 PHP 文件处理上传的文件数量。即使这样也只会限制在单个 POST 请求中上传的文件数量。您还需要在您的数据库/文件系统中跟踪已经上传了多少，并检查是否违反了这些限制。

您为 input 元素 (file[]) 提供的名称属性暗示使用了多重上传工具，但您的 HTML 没有 多个 属性。您可以上传多个文件，用户可以一次上传所有 5 张图片，或者继续这样做并检查生成了多少 input 字段(我不会发布代码这是另一个答案已经有了)。

无论哪种方式，请记住您仍然需要检查已经上传了多少文件，因为 HTML 和 Javascript 中的所有内容都可以被绕过。