How to send a file via AJAX?

Question

Node.js

I have a form:

<form id="form" method="POST" enctype="multipart/form-data">
      <input type="file" name="files">
      <input type="hidden" value="{login}" name="login">
      <button class="button" type="button" onclick="result();">Загрузить</button>
</form>

And there is a script - AJAX:

function result() {
   $.ajax({
     'url': "upload/uploader.php",
     'type': "POST",
     'dataType': "html",
     'data': $("#form").serialize(), 
     'success': function(html) {
     $(".result").html(html);
     }
   });
}

But everything is transferred to uploader.php except files. What to do?

UDP: Can you fix it to be correct?

var filename = $("#file").val();
  function result() {
        $.ajax({
                    'url': "upload/uploader.php",
    'type': "POST",
      'dataType': "html",
                    'data': {
                        $("#form").serialize()
                        file: filename
                           },
         'success': function(html) {
            $(".result").html(html);
          }
        });
      }

Answer 1

The code is asynchronous, console.log(schedule) is executed the moment you send the request, long before the response arrives.

Answer 2

With HTML5 you CAN make file uploads with Ajax and jQuery. Not only that, you can do file validations (name, size, and MIME-type) or handle the progress event with the HTML5 progress tag (or a div).

© stackoverflow.com/questions/166221/how-can-i-uploa...