序列化AJAX调用控制器的文件输入

Question

我在序列化文件输入以通过ajax传递给MVC控制器时遇到了一些问题。我有一个表单，用户可以上传一个或多个图像。我想通过ajax将这些图像传递给控制器​​。问题似乎与data值有关。我在控制台窗口中收到以下错误：

Uncaught ReferenceError: ImageUploads is not defined

这是我的代码：

@using (Html.BeginForm("CreateGallery", "User", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    <input type="file" name="ImageUploads"  id="upload-button" multiple="multiple" />
    <button type="button" class="btn btn-default" id="create-thumbnails">Submit</button>
}


<script>
    $(document).ready(function () {
        $("#create-thumbnails").click(function () {
            $.ajax({
                type: 'POST',
                url: '@Url.Action("DisplayThumbnails", "User")',
                dataType: 'json',
                data: ImageUploads,
                success: function (data) {
                    alert(data);
                },
                error: function (ex) {
                    alert("error!");
                }
            });
        })
    });
</script>