Sending PDF and JPEG files with Jquery/ajax

Asked

Viewed 176 times

0

I am trying to implement a pdf or jpeg file upload with jquery ajax and am not succeeding, so I am in need of a help if possible.

Trying to use jquery in conjunction with PHP, but cannot pass the data

JS

$('#form-almoxarifado input[type=file]').ace_file_input({
      style:'well',
      btn_choose:'Escolha os arquivos aqui ou clique para escolher',
      btn_change:null,
      no_icon:'icon-cloud-upload',
      droppable:true,
      thumbnail:'large'
    }).on('change', function(){

      console.log('teste');
      console.log($(this).data('ace_input_files'));
      //console.log($(this).data('ace_input_method'));

    });

The PHP code is working that I have tested here an individual upload

PHP

    $conn = new mysqli("localhost", "root", "","teste");
    mysqli_set_charset($conn,"utf8");

    $arquivo    = $_FILES["file"]["tmp_name"];
    $nome       = $_FILES["file"]["name"];
    $tamanho    = $_FILES["file"]["size"];


    $fp = fopen($arquivo,"rb");//Abro o arquivo que está no $temp   
    $documento = fread($fp, $tamanho);//Leio o binario do arquivo
    fclose($fp);//fecho o arquivo

    $dados = bin2hex($documento);

    $sql = "INSERT INTO upload_arquivos (nome, tamanho, conteudo, data) VALUES ('$nome','$tamanho','$dados',now())";

    $result = $conn->query($sql)or die(mysqli_errno());
php javascript jquery ajax upload

  • Why do you use js for upload? @Thiago Lopez

  • It is from a framework that we use in the company, it is all in jquery and bootstrap with a pleasant look and full of features ... but this part would be more by the same stylization, I’m trying to talk enter the object and php code.

  • So you can always use one <form>to insert the file Aconcelho to see this site lW3

1 answer

0

Try using this type of code and use a <form> to upload

<?php
$target_dir = "uploads/";//upload paste
$target_file = $target_dir . basename($_FILES["fileToUpload"]["name"]);
$uploadOk = 1;
$imageFileType = strtolower(pathinfo($target_file,PATHINFO_EXTENSION));
// Check if image file is a actual image or fake image
if(isset($_POST["submit"])) {
    $check = getimagesize($_FILES["fileToUpload"]["tmp_name"]);
    if($check !== false) {
        echo "File is an image - " . $check["mime"] . ".";
        $uploadOk = 1;
    } else {
        echo "File is not an image.";
        $uploadOk = 0;
    }
}
// Check if file already exists
if (file_exists($target_file)) {
    echo "Sorry, file already exists.";
    $uploadOk = 0;
}
// Check file size
if ($_FILES["fileToUpload"]["size"] > 500000) {
    echo "Sorry, your file is too large.";
    $uploadOk = 0;
}
// Allow certain file formats
if($imageFileType != "jpg" && $imageFileType != "png" && $imageFileType != "jpeg"
&& $imageFileType != "gif" ) {
    echo "Sorry, only JPG, JPEG, PNG & GIF files are allowed.";
    $uploadOk = 0;
}
// Check if $uploadOk is set to 0 by an error
if ($uploadOk == 0) {
    echo "Sorry, your file was not uploaded.";
// if everything is ok, try to upload file
} else {
    if (move_uploaded_file($_FILES["fileToUpload"]["tmp_name"], $target_file)) {
        echo "The file ". basename( $_FILES["fileToUpload"]["name"]). " has been uploaded.";
    } else {
        echo "Sorry, there was an error uploading your file.";
    }
}
?>

Browser other questions tagged php javascript jquery ajax upload

You are not signed in. Login or sign up in order to post.