Javascript 如果达到最大用户上传限制，如何清除所有imges？

如果达到最大上传限制，我想清除所有上传的图片。如果我使用浏览按钮上传图片，它会显示我上传的所有图片。但我试图实现的是，如果我上传的照片超过4张，那么它应该重置所有上传的照片，或者不允许用户首先加载超过4张照片地点。在我的情况下，如果我超过4张照片

我的Html

<div class="form-group">
   <label class="col-sm-4 control-label text_left">Upload Image(s)</label>
   <div class="col-sm-8">
      <div>
         <input type="file" id="files" name="media" multiple accept="image/*" />
         <output id="list"></output>
      </div>
   </div>
</div> 

请帮帮我。

你不需要替换。一个简单的.val将清除文件输入

$upl.onchange，函数{ 如果$upl.get0.files.length>4{ 警告您上载的文件不能超过4个。； $upl.val； } } 文件列表是只读的。无法从表示FileList对象的元素的.files属性中设置或删除项。parseInt调用不是必需的，.files.length返回一个整数

若试图将上载限制为四个用户选择的文件，则可以迭代.files，只将前四个文件追加到FormData对象，然后将FormData发布到服务器

var限值=4； $：file.onchange，函数{ var n=0； var fd=新的FormData； 对于此文件的let文件{ fd.appendfile+n++，文件； 如果n==极限断裂； } console.logArray.fromfd.keys.length； 对于fd条目的let[键，属性]{ 控制台，日志键，道具 } //$.post/path/to/server，fd } 上传图像

---

问题是什么？清除所有图像是什么意思？问题是没有重置上载，尽管它显示pop，您只能上载4张图像，但没有清除图像。清除图像是什么意思？笔记parseInt调用是不必要的。通过清除所有图像是当我上传图像时，它会像我上传的一样显示所有图像…现在，如果用户上传的图像超过4个，我想清除它。并将其重置为非。它仍然显示上传的图像。我想限制用户只上传4个图像，如果他上传的照片超过4个，则会删除它不应首先选择图像place@A.Waqas我想限制用户只上传4张图片，如果他上传了4张以上的照片，那么首先不应该选择图片，你不能通过编程限制用户选择超过任意数量的文件，其中multiple attribute设置为element。发送更改事件时已选择文件。在用户在change event handler.@A.Waqas选择文件后，您可以筛选应该或不应该上载到服务器的文件。如果您尝试在代码段中选择4个以上的文件，您将看到它将不允许用户这样做并清除输入。如果您试图检查用户以前上传到服务器端的图像，那完全是另一回事，您的问题并不反映任何服务器端信息。@Ozan如果您试图在代码段中选择4个以上的文件，您将看到它将不允许用户这样做。注意，发送更改事件时，用户可能已经选择了这些文件。在用户从用户文件系统中选择文件后，更改事件在元素中调度。@guest271314，在OP的问题中，逻辑在更改事件处理程序中，javascript无论如何都不能干扰文件选择弹出窗口；所以我甚至不认为他们会试图阻止系统弹出中的选择。

$(function(){
    $('#files').change(function(){
       var $fileUpload = $("input[type='file']");
       if (parseInt($fileUpload.get(0).files.length)>4){
           alert("You can only upload a maximum of 4 files");
           ("#files").replaceWith($("#files").val('').clone(true));
           ("#files")[0].value = "";
       }
    });
});