2014-08-14 05:56


  • file-upload
  • php
  • ajax
  • jquery

I have below html

This form allows you to upload a file to the server.<br>
        <div class="imguploadpath" style="width:100%;height:200px;background-color:#CCC;">
          <form name="myFormName" id ="myFormId" action="" method="post">
             <input type="file" name="img" id = "image_pe">
             <input id="cmdSubmit" value="Submit" type="submit" class="">

I am trying to get the file field values to upload the file in php using below script

jQuery( "#cmdSubmit" ).on( "click", function() {
   var file = jQuery('#image_pe').val(); 

//i have to send file property to php file in jquery ajax

            url: 'submit.php?files',
            type: 'POST',
            data: data,
            cache: false,
            dataType: 'json',
            processData: false, // Don't process the files
            contentType: false, // Set content type to false as jQuery will tell the server its a query string request
            success: function(data, textStatus, jqXHR)
                if(typeof data.error === 'undefined')
                    // Success so call function to process the form
                    submitForm(event, data);
                    // Handle errors here
                    console.log('ERRORS: ' + data.error);
            error: function(jqXHR, textStatus, errorThrown)
                // Handle errors here
                console.log('ERRORS: ' + textStatus);
                // STOP LOADING SPINNER
       return false;


but var file only return some temp path c://fakepath/image.jpg

how do upload in jquery and php, I need to pass the form field in php file, I know value() jquery function is wrong.

what is the correct way to do it ?

for php file upload i was thinking of using this script

  • 点赞
  • 回答
  • 收藏
  • 复制链接分享