Document file upload by ajax to controller but getting null

Question

I want to file upload by ajax to controller.But getting null in controller method parameter. Controller

public ActionResult Upload(HttpPostedFileBase file,int value)
{
    try
    {
        if (file.ContentLength > 0)
        {
            var fileName = Path.GetFileName(file.FileName);
            var path = Path.Combine(Server.MapPath("~/File/"), fileName);
            file.SaveAs(path);
            _manager.UploadFile(file, path.ToString());
        }
        ViewBag.Message = "Upload successful";
        return RedirectToAction("Index");
    }
    catch
    {
        ViewBag.Message = "Upload failed";
        return RedirectToAction("Index");
    }
}

In index i am using normal input file type and submit type button.everything happens normal but controller method paramerter getting null why?

Index

<label class="btn btn-block btn-primary">
    Browse &hellip;
    <input type="file" name="file" class="btn" id="uploadfile" style="display: none;">
</label>
<input type="submit" class="btn" id="submit" value="Upload">

$(document).ready(function (e) {
    $('#submit').click(function (event) {
        var formData = new FormData();
        var totalfiles = document.getElementById("uploadfile");
        for (var i = 0; i < totalfiles; i++) {
            var file = document.getElementById("uploadfile").files[i];
            formData.append("uploadfile", file);
        }
        var dam=1;
        dam = $("input:checkbox:checked").attr("value");
        alert(dam);
        alert(formData);
        $.ajax(
        {
            url: '@Url.Action("Upload","Document")',
            type: "POST",
            data: { file: formData ,value:dam},
            datatype: "multipart/form-data",
            traditional: true,
            success: function (response) {
                // $("#file").html(response);
            }
        });
    })
});