How can I upload file by jquery ajax to page php

Question

I try writing code using JavaScript The file sending technology AJAX

HTML code

<form action="" method="post" id="contact_form" enctype="multipart/form-data">
  <input type="text" name="name" id="name">
  <input type="text" name="email" id="email">
  <input type="file" name="cv" id="cv">
  <input type="submit" name="submit"  id="contacts_send">
</form>

JavaScript code

    jQuery(document).ready(function(){
    jQuery("#contacts_send").click(function(){ 
    $.ajax({
    type : 'POST',
    url : 'process_job.php',   
    dataType : 'json', 
    data: { cv : $('#cv').val()
    name : $('#name').val(),
    email : $('#email').val()},
    success: function () {
            alert("Data Uploaded: ");
            }
    });
})
})

I researched the internet I did not find a similar solution to my problem I tried this solution but it did not work How can I upload files asynchronously?

i want my code do like this http://www.jainaewen.com/files/javascript/jquery/iframe-post-form.html

possible duplicate of [How can I upload files asynchronously with jQuery?](http://stackoverflow.com/questions/166221/how-can-i-upload-files-asynchronously-with-jquery) — putvande, Jan 04 '14 at 16:19
Because my form content other data(input,radio,checkbox...) to send with file — jirjawi, Jan 04 '14 at 17:38
i want my code do like this http://www.jainaewen.com/files/javascript/jquery/iframe-post-form.html — jirjawi, Jan 04 '14 at 17:57

score 0 · Answer 1 · answered Jan 04 '14 at 16:24

the issue that you might be having is that you are not getting the files as you should get and instead you are trying to just catch them as simple queryString objects.

Use this:

if ($_FILES["file"]["error"] > 0) {

And then run the code. It will work, since the code is going good!

How can I upload file by jquery ajax to page php

1 Answers1