Php

Search

file upload in php through ajax

$('#upload').on('click', function() {
    var file_data = $('#sortpicture').prop('files')[0];   
    var form_data = new FormData();                  
    form_data.append('file', file_data);
    alert(form_data);                             
    $.ajax({
        url: 'upload.php', // point to server-side PHP script 
        dataType: 'text',  // what to expect back from the PHP script, if anything
        cache: false,
        contentType: false,
        processData: false,
        data: form_data,                         
        type: 'post',
        success: function(php_script_response){
            alert(php_script_response); // display response from the PHP script, if any
        }
     });
});

Comment

file upload in php through ajax

**1. index.php**
<body>
    <span id="msg" style="color:red"></span><br/>
    <input type="file" id="photo"><br/>
  <script type="text/javascript" src="jquery-3.2.1.min.js"></script>
  <script type="text/javascript">
    $(document).ready(function(){
      $(document).on('change','#photo',function(){
        var property = document.getElementById('photo').files[0];
        var image_name = property.name;
        var image_extension = image_name.split('.').pop().toLowerCase();

        if(jQuery.inArray(image_extension,['gif','jpg','jpeg','']) == -1){
          alert("Invalid image file");
        }

        var form_data = new FormData();
        form_data.append("file",property);
        $.ajax({
          url:'upload.php',
          method:'POST',
          data:form_data,
          contentType:false,
          cache:false,
          processData:false,
          beforeSend:function(){
            $('#msg').html('Loading......');
          },
          success:function(data){
            console.log(data);
            $('#msg').html(data);
          }
        });
      });
    });
  </script>
</body>

**2.upload.php**
<?php
if($_FILES['file']['name'] != ''){
    $test = explode('.', $_FILES['file']['name']);
    $extension = end($test);    
    $name = rand(100,999).'.'.$extension;

    $location = 'uploads/'.$name;
    move_uploaded_file($_FILES['file']['tmp_name'], $location);

    echo '<img src="'.$location.'" height="100" width="100" />';
}

Comment

file upload in php through ajax

var formData = new FormData($("#YOUR_FORM_ID")[0]);
$.ajax({
    url: "upload.php",
    type: "POST",
    data : formData,
    processData: false,
    contentType: false,
    beforeSend: function() {

    },
    success: function(data){




    },
    error: function(xhr, ajaxOptions, thrownError) {
       console.log(thrownError + "
" + xhr.statusText + "
" + xhr.responseText);
    }
});

Comment

php file upload ajax

$('#ProblemUpload').submit(function(e){
         e.preventDefault();
            var file_data = $('#fileData').prop('files')[0];   //file input id
            var form_data = new FormData();                  
            form_data.append('file', file_data);
            form_data.append('action', 'upload_sheet');
            console.log(form_data);                             
            $.ajax({
                url: '/apis/auth.php', // <-- point to server-side PHP script 
                dataType: 'text',  // <-- what to expect back from the PHP script, if anything
                cache: false,
                contentType: false,
                processData: false,
                data: form_data,                         
                type: 'post',
                success: function(php_script_response){
                    console.log(php_script_response); // <-- display response from the PHP script, if any
                }
            });
     })

Comment

file upload in php through ajax

<?
$data = array();
    //check with your logic
    if (isset($_FILES)) {
        $error = false;
        $files = array();

        $uploaddir = $target_dir;
        foreach ($_FILES as $file) {
            if (move_uploaded_file($file['tmp_name'], $uploaddir . basename( $file['name']))) {
                $files[] = $uploaddir . $file['name'];
            } else {
                $error = true;
            }
        }
        $data = ($error) ? array('error' => 'There was an error uploading your files') : array('files' => $files);
    } else {
        $data = array('success' => 'NO FILES ARE SENT','formData' => $_REQUEST);
    }

    echo json_encode($data);
?>

Comment

file upload in php through ajax

async function saveFile() 
{
    let formData = new FormData();           
    formData.append("file", sortpicture.files[0]);
    await fetch('/uploads', {method: "POST", body: formData});    
    alert('works');
}

Comment

file upload in php through ajax

<?php

    if ( 0 < $_FILES['file']['error'] ) {
        echo 'Error: ' . $_FILES['file']['error'] . '<br>';
    }
    else {
        move_uploaded_file($_FILES['file']['tmp_name'], 'uploads/' . $_FILES['file']['name']);
    }

?>

Comment

file upload in php through ajax

move_uploaded_file(

    // this is where the file is temporarily stored on the server when uploaded
    // do not change this
    $_FILES['file']['tmp_name'],

    // this is where you want to put the file and what you want to name it
    // in this case we are putting in a directory called "uploads"
    // and giving it the original filename
    'uploads/' . $_FILES['file']['name']
);

Comment

PREVIOUS	NEXT

Code Example
Php :: php while jump to next loop
Php :: twig log variable
Php :: pdo mysqli error handling
Php :: route() and with() in laravel
Php :: php mail template
Php :: Syntax error or access violation: 1071 Specified key was too long; max key length
Php :: laravel use controller function in another controller
Php :: php object to string
Php :: Image not found or type unknown in pdf
Php :: explode return empty array
Php :: delay in php
Php :: laravel collection partition
Php :: mysqli real escape string
Php :: round to 0.5 php
Php :: laravel date diff
Php :: acf wordpress loop through and display blog posts order by date and type
Php :: php object is empty
Php :: php null coalesce
Php :: laravel function
Php :: php, Africa timezones
Php :: woocommerce_variation_option_name on frontend
Php :: laravel rule unique where
Php :: drop foreign key laravel
Php :: How do i multiple variables in php
Php :: PHP Ternary Operator With Elseif Example
Php :: php foreach skip to next
Php :: php get duplicate keys in array without using inbuilt function
Php :: how to loop by index in php
Php :: laravel sanctum
Php :: laravel db query log string replacements

Search

PHP

file upload in php through ajax

file upload in php through ajax

file upload in php through ajax

php file upload ajax

file upload in php through ajax

file upload in php through ajax

file upload in php through ajax

file upload in php through ajax

ADD CONTENT