ajax does not post file to controller mvc
<p>im posting a form that contain file and html data plus a function to get geocode ,but the controller only get the data from the ajax post but not the file,
i assume that it have something to do with the fact the button posting  but i'm not sure , </p>

<pre><code>    @using (Html.BeginForm("Create", "lecture", FormMethod.Post, new { enctype = "multipart/form-data", id = "RestoForm" }))
{
    //values has remove for clear
    &lt;div class="form-group"&gt;
        @Html.LabelFor(f =&gt; f.RImage) &lt;i class="glyphicon glyphicon-folder-open"&gt;&lt;/i&gt;
        &lt;input type="file" name="RImage" class="btn btn-default btn-sm btn-google btn-group-justified hvr-shadow " /&gt;
    &lt;/div&gt;

    &lt;input type="button" class="btn btn-primary btn-lg" onclick="GetLocation()" value="Finish" /&gt;
}

@section scripts
{

    &lt;script type="text/javascript"&gt;
        function GetLocation() {
            var geocoder = new window.google.maps.Geocoder();

            var Street = document.getElementById('txtAddress').value;
            var City = document.getElementById('txtCity').value;
            var address = City + Street;
            console.log(address);
            var labelLat = document.getElementById('Latitude');
            var labellong = document.getElementById('longitude');

            geocoder.geocode({ 'address': address },
                function (results, status) {
                    if (status == window.google.maps.GeocoderStatus.OK) {
                        var latitude = results[0].geometry.location.lat();
                        var longitude = results[0].geometry.location.lng();
                 console.log("Latitude: " + latitude + "\nLongitude: " + longitude); //Ok.

                        labelLat.value = latitude; //Ok.
                        labellong.value = longitude;
                        $.ajax({
                            url: 'Create',
                            type: 'POST',
                            data: $('#RestoForm').serialize(),
                            datetype: "html",
                            success: function (data) {
                                $('#RestoForm').html(data);
                            }
                        });

                        error: function e(xhr, ajaxOptions, thrownError) {
                            alert(xhr.status);
                            alert(thrownError);
                        }
                    }
                });
        };
    &lt;/script&gt;
</code></pre>

<p>controlle ` </p>

<pre><code>[Authorize, HttpPost, ValidateAntiForgeryToken]
        public ActionResult Create(LectureFormViewModel viewModel) // RImage =Null
        {`
</code></pre>