检查文件是否被选中

Question

<table style="width:100%" cellpadding = 0 cellspacing=0>
        <tbody>
            <tr>
                <td align="center" style="text-align:center;height:60px;">
                    <input style="align:center;" class="multi" type="file" multiple="multiple" id="pic1" name="picture">
                </td>
            </tr>
            <tr>
                <td align="center" style="text-align:center;height:60px;">
                    <input type="file" multiple="multiple" id="pic2" class="multi" name="picture">
                </td>
            </tr>
            <tr>
                <td align="center" style="text-align:center;height:60px;">
                    <input type="file" multiple="multiple" id="pic3" class="multi" name="picture">
                </td>
            </tr>
            <tr>
                <td align="center" style="text-align:center;height:60px;">
                    <input type="file" multiple="multiple" id="pic4" class="multi" name="picture">
                </td>
            </tr>
            <tr>
                <td align="center" style="text-align:center;height:60px;">
                    <input type="file" multiple="multiple" id="pic5" class="multi" name="picture">
                </td>
            </tr>
            <tr>
                <td align="center" style="text-align:center;height:60px;">
                    <input type="submit" value="Upload" style="border:0 none;width:30%; font-size:20px;height:35px;background-color:#44C1D3;color:white;border-radius:5px;-webkit-border-radius: 5px;" />
                </td>
            </tr>
        </tbody>
    </table>

我想检查是否选择了任何一个输入文件。可能是它的第一个或最后一个。我只想在没有文件时生成一些弹出窗口 seleted.but 如果选择了一个文件 returns true

Answer 1

试试这个：

$('#pic1').change(
    function(e){
        console.log(this.files)
    }
)

这将检测第一个输入类型的文件选择。您可以获取每个输入标签的文件属性并据此做出决定。

http://jsfiddle.net/uwobenbt/

编辑：这是完整的代码http://jsfiddle.net/uwobenbt/5/

function test() {
    var count = 0;
    $('.multi').each(
        function(d){
            if(this.files.length != 0) count ++
        }
    )
    if(count) alert('files are selected')
    else alert ('no files selected')
}

检查文件是否被选中

check file is selected or not

html

javascript

jquery

input