【JavaScript】文件上传 一次上传多个文件 判断文件是否为空

//上传一个文件
HTML:

<form id="uploadFileForm">
    <input type="file" name="file" id="updateFileInput"/>
form>
$("#uploadFile\Form").change(function(){
     var formData = new FormData($('#uploadFileForm')[0]);
     //如果上传的文件不为空
     if($("input[type='file']").val() != ""){  
        //打开loading层
        var index = layer.load(1, {
            shade: [0.2,'#fff'] 
        });
        //ajax上传数据
        $.ajax({
            cache:false,
            contentType: false,
            processData: false,
            url:接口地址,
            type:'POST',
            enctype:'multipart/form-data',
            data:formData,
            dataType:'JSON',
            success:function (data) {
                //上传成功的回调
                layer.close(index);
            }
        })
    }
})

//上传多个文件 , 给input加个multiple属性

<form id="uploadFileForm">
    <input type="file" name="file" id="updateFileInput" multiple/>
form>
 $("#uploadFileHiddenForm").change(function(){
    var formData = new FormData();
    var files = $('#updateFileInput')[0].files;
    for (var i = 0; i < files.length; i++) {
        formData.append("file" + i, files[i]);
    }
    //如果上传的文件不为空
    if($("input[type='file']").val() != ""){        
        //打开loading层
        var index = layer.load(1, {
            shade: [0.2,'#fff'] 
        });         
        $.ajax({
            cache:false,
            contentType: false,
            processData: false,
            url:U('upload/projectFileUpload'),
            type:'POST',
            async:false,
            enctype:'multipart/form-data',
            data:formData,
            dataType:'JSON',
            success:function (data) {
                //上传成功的回调
                layer.close(index);
            }
        })
    }
})

//判断文件是否为空

if($("input[type='file']").val() != "")
{
    console.log("文件不为空!");
    return;
}
else
{
    console.log("请选择文件上传!");
    return;
}

你可能感兴趣的:(JavaScript,JavaScript之路)