有没有什么方法可以通过输入字段(type=file)来找出选择了多少个文件

Question

我有一个上传脚本，可以使用html5文件api，我想为互联网"代码浪费"浏览器编写一个后端iframe解决方案

因此，我有一个通过iframe加载的表单，当表单提交时，我会向父文档添加一个加载模板

这是我的html代码

<form enctype="multipart/form-data" method="post" action="<?php echo $action; ?>" >
<input type="file" name="files[]"  id="files" multiple> 
<input name="profile_id" type="hidden" value="<?php echo $profile_id; ?>">
<input name="" type="button" value="Button" onClick="add_loder();">
</form>

这是我的add_lorder函数

<script>
var d = $(window.frameElement).parent(); 
function add_loder()
{
    if($('#files').val().length == 0 )
    return false;

    var template = '<div class="preview">'+
                        '<span class="imageHolder">'+
                            '<img class="prv" src="<?php echo IMAGE_URL; ?>done.png" />'+
                            '<span class="uploaded"></span>'+
                        '</span>'+
                        '<div  class="ph" >'+
                            '<img src="<?php echo IMAGE_URL; ?>load_square.gif" style="margin-right:45%;width:27px;height:27px">'+
                        '</div><div class="area"><textarea  class="picarea"> </textarea><input type="button" value="<?php echo $confirmLable; ?>" class="conf">'+
                        '<input  type="button" value="<?php echo $deleteLable; ?>" class="del"><input class="id" type="hidden" value="0"></div>'+
                    '</div>'; 
    d.append(template);
    $('form').submit();
}
</script>

但这只会给页面增加一次加载

我想为每个选择的文件添加一个加载，这样我就必须知道有多少文件被选择了

Answer 1

$('#files')[0].files是所选文件的集合，请尝试$('#files')[0].files.length