pdf upload de fichier en ajax html

    var file = $('#image').prop('files')[0];
    var filename = $('#af_rpta_propertyland_filename').val();

    var form_data = new FormData();
    form_data.append('file', file);
    alert(form_data);


    $.ajax({
        type: 'POST',
        url: '../include/upload.php',
        //dataType: "json",
        data: {
            file: form_data,
            filename: filename
        },
        success: function(data) {
            console.log(data);
            for (var i = 0; i < data.length; i++) {
                console.log("file " + i + ": " + data[i].file);
            }

        },
        error: function(data) {
            alert('No Record Found: ' + data);
        }


    });

<input id="image" name="image" type="file" />

- Ce de cette manière que j'upload mon fichier pdf à l'aide d'ajax dans mon code php j'ai fais comme ça

$file = mysql_real_escape_string($_POST['file']);
$filename = mysql_real_escape_string($_POST['filename']);
    if (isset($_FILES['file']) && $_FILES['file']['size'] > 0) { 
                $tmpName  = $_FILES['file']['tmp_name'];  
                $filetype = $_FILES['file']['type'];
                $fp = fopen($tmpName, 'rb'); //read binary
    $upload[] = array('filename' => $filename,'file' => $fp);

    }

echo json_encode($upload, JSON_UNESCAPED_UNICODE);

De mon input(type file) comment puis-je placer le value(the pdf file) à data(in ajax) et de data(ajax) comment puis-je passer à php de fichier afin que je puisse vérifier si le $_files n'est pas vide

OriginalL'auteur Brownman Revival | 2015-01-29

  1. 5

    Essayez de créer un json objet de files[0] propriétés , la conversion de file à base64 chaîne

    js

    $("#image").on("change", function(e) {
  var name = $("#af_rpta_propertyland_filename").val()
  , file = e.target.files[0]
  , filename = name.length > 1 ? name + ".pdf" : file.name
  , filetype = file.type
  , filesize = file.size
  , data = {
      "filename":filename,
      "filetype":filetype,
      "filesize":filesize
    }
  , reader = new FileReader();
    reader.onload = function(e) {
      data.file_base64 = e.target.result.split(/,/)[1];
        $.post("fileupload.php", {file:data}, "json")
        .then(function(data) {
          //parse `json` string `data`
          var filedata = JSON.parse(data)
          //do stuff with `data` (`file`) object
          , results = $("<a />", {
                "href": "data:" + filedata.filetype 
                        + ";base64," + filedata.file_base64,
                "download": filedata.filename,
                "target": "_blank",
                "text": filedata.filename
              });
          $("body").append("<br>download:", results[0]);
        }, function(jqxhr, textStatus, errorThrown) {
          console.log(textStatus, errorThrown)
        })
    };
    reader.readAsDataURL(file)
});

    php 

    <?php
  if (isset($_POST["file"])) {
    //do php stuff
    //call `json_encode` on `file` object
    $file = json_encode($_POST["file"]);
    //return `file` as `json` string
    echo $file;
};

    jsfiddle http://jsfiddle.net/guest271314/LL95z474/

    J'ai vu le violon, et il fonctionne même si c'est un peu compliqué pour moi, je vais l'étudier et j'espère que je vais comprendre, s'il vous plaît nu avec moi si j'ai une question.
    Dans nom.longueur > 1 ? nom + ".pdf : fichier.nom puis-je changer ".pdf" dans le fichier.type si je veux mon code pour être flexible?et une chose de plus $fichier sera celui que je vais les enregistrer dans la base de données de droit?et comment mettre l'action sur le bouton cliquez sur?
    Je ne peux pas comprendre le code que j'ai copier coller le code et j'obtiens toujours le message d'erreur ` localhost/echo/json 404 (Non Trouvé)` également comment faire en sorte qu'il va aller de cliquez sur le bouton?
    au lieu de $("#image").on("change", function(e) { je veux sur le bouton cliquez sur je voulais le changer mais je vais avoir d'erreur dans la formule(e) file = e.target.files[0] j'ai essayé comme ceci $('idofinput').files[0], mais j'ai eu une erreur je ne sais pas où. quand je poste des données dans le php, je peux le récupérer par $_POST["file"] dans le fichier php?
    j'ai toujours Cannot read property '0' of undefined quand je change de var file = e.target.files[0]; à var file = $('#image').files[0];

    OriginalL'auteur guest271314

  2. 4

    Utiliser la version jQuery "jquery-1.10.2.min.js"

    Utiliser cette AJAX

    $.ajax({
        url: "YourPage.php", 
        type: "POST",             
        data: new FormData('YourFormId'), 
        contentType: false,                  
        processData:false,        
        success: function(data)   
        {
            //Do your Stuff
        }
    });

    À la page PHP tout simplement utiliser cette ligne

    $name = $_FILES['file']['name'];

    Dans ce code, j'ai utilisé deux nouveaux événements

    1. contentType
    2. processData

    Cela est nécessaire pour l'utilisation de ces de télécharger et d'accéder à toutes les données en AJAX.

    Espère que cela va vous aider.

    nouveau FormData('YourFormId') est également important

    OriginalL'auteur Sunil Pachlangia