Téléchargement de fichier PHP à l'aide de jquery post

Laissez-moi savoir si quelqu'un sait quel est le problème avec ce code.

Fondamentalement, je veux télécharger un fichier à l'aide de jQuery

<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>

  <script type="text/javascript">
    $(document).ready(function(event) {
      $('#form1').submit(function(event) {
        event.preventDefault();
        $.post('post.php',function(data){
           $('#result').html(data);
        });
      });
    });
  </script>  
</head>
<body>
<form id="form1">
  <h3>Please input the XML:</h3>
  <input id="file" type="file" name="file" /><br/>
  <input id="submit" type="submit" value="Upload File"/>
</form>

<div id="result">call back result will appear here</div>

</body>
</html>

et mon php 'post.php'

<?php
  echo $file['tmp_name'];
?>

Téléchargé nom de Fichier n'est pas retourné en arrière. Problème est que je ne pouvais pas accéder au fichier téléchargé.

Merci d'avance!
Shiv

source d'informationauteur Shiv

  1. 17

    Fondamentalement, je veux télécharger un fichier à l'aide de jQuery

    Vous ne pouvez pas télécharger des fichiers à l'aide d'AJAX. Vous pouvez utiliser le jquery.formulaire plugin qui utilise une iframe masqué:

    <html>
<head>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script src="http://malsup.github.com/jquery.form.js"></script>
    <script type="text/javascript">
        $(document).ready(function(event) {
            $('#form1').ajaxForm(function(data) {
                $('#result').html(data);
            });
        });
  </script>  
</head>
<body>
<form id="form1" action="post.php" method="post" enctype="multipart/form-data">
    <h3>Please input the XML:</h3>
    <input id="file" type="file" name="file" /><br/>
    <input id="submit" type="submit" value="Upload File"/>
</form>

<div id="result">call back result will appear here</div>

</body>
</html>

    Notez également la enctype="multipart/form-data" sur la forme.

    Une autre possibilité est d'utiliser le HTML5 Fichier API qui vous permet d'obtenir en supposant que le client navigateur prend en charge.

  2. 6

    Il n'est pas possible de télécharger des fichiers avec jQuery $.post, néanmoins, avec le fichier API et XMLHttpRequest, il est parfaitement possible de télécharger un fichier en AJAX, et vous pouvez même savoir combien de données ont été téléchargés encore... 

    $('input').change(function() 
{
    var fileInput = document.querySelector('#file');

    var xhr = new XMLHttpRequest();
    xhr.open('POST', '/upload/');

    xhr.upload.onprogress = function(e) 
    {
        /* 
        * values that indicate the progression
        * e.loaded
        * e.total
        */
    };

    xhr.onload = function()
    {
        alert('upload complete');
    };

    //upload success
    if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0))
    {
        //if your server sends a message on upload sucess, 
        //get it with xhr.responseText
        alert(xhr.responseText);
    }

    var form = new FormData();
    form.append('title', this.files[0].name);
    form.append('pict', fileInput.files[0]);

    xhr.send(form);
}
  3. 5

    Non non non, vous devez utiliser jQuery forme de plugin pour async téléchargement de fichiers. Vous ne pouvez pas télécharger le fichier avec jQuery $.méthode post. Le fichier sera téléchargé caché iframe

    Une autre façon est d'utiliser HTML5 téléchargement avec FileAPI/BlobApi

  4. 0

    Essayez de télécharger avec un iframe parce que vous ne pouvez pas envoyer un fichier avec $.méthode post.

  5. 0

    Votre upload.php a une certaine erreur.

    vous devriez changer votre cette partie.

    echo $file['tmp_name'];

    : - 

    echo $_FILES['file']['tmp_name'];
  6. -1

    Vous pouvez également essayer de jquery uploadify - http://www.uploadify.com/