javascript - 仅发送非空的帖子文件

Question

我的表单上有三个输入文件:

<td><input type="file" name="image_url1"/></td>
<td><input type="file" name="image_url2"/></td>
<td><input type="file" name="image_url3"/></td>

我只想发送(在邮寄时)我们选择的文件(保持为空的输入文件 => 不发送它们)。

我怎样才能做到这一点？

Answer 1

您可以使用.length检查文件长度，并禁用空控件。这样它们就不会被发布。

 $('input[type=file]').each(function () {
        if (this.value == "" || this.files.length == 0) {
            this.prop('disabled', true)
        }

    });

更新:如果您不使用 jQuery，您可以通过简单的 javascript 来完成此操作，如下所示:

var myFiles = document.querySelectorAll("input[type=file]");
for(var i = 0; i<myFiles.length; i++)
{
   if(myFiles[i].value == "" || myFiles[i].files.length == 0)
   {
      myFiles[i].disabled = true;
   }  
}