2010-12-17 7 views
0

frapper un barrage routier sur ce point.télécharger le fichier en utilisant ajax

ce que j'ai jusqu'à présent:

<input id="newFile" type="file"/> 
    <span style="background-color:orange;" onClick="newImage()">HEYTRY</span> 

C'est évidemment pas très loin.

Je cherche un moyen basique pour charger cette image dans une variable, convertir la variable en quelque chose de passable via une URL (ajax) et ensuite accomplir mon objectif via php une fois qu'il peut extraire les bits de l'url.

pas aussi facile que je l'avais prévu.

toute aide serait géniale.

grâce

Répondre

1

Cela ne fonctionnera pas pour tous les navigateurs, mais c'est une bonne façon de faire plusieurs téléchargements de fichiers via AJAX:

function upload_files(entityKey, files, url, progress_callback) { 
    var xhr = new XMLHttpRequest(), formData = new FormData(); 
    xhr.upload['onprogress'] = progress_callback; 

    formData.append('entityKey', entityKey); 
    $.each(files, function(i, file) { formData.append('file[]', file);}); 

    xhr.open("post", url, true); 
    xhr.setRequestHeader("Cache-Control", "no-cache"); 
    xhr.send(formData); 
} 

entityKey est un exemple de paramètre sur le serveur. Le paramètre 'files' provient de l'attribut 'files' de l'élément de formulaire d'entrée de type fichier (sous forme de tableau pour prendre en charge plusieurs éléments). Le paramètre 'progress_callback' est une fonction qui prend un objet qui a (au moins) un champ 'chargé' et un champ 'total' (l'unité est un octet). Il ne se soucie pas de la réponse du serveur.

3

J'utilise ce plugin pour le téléchargement de fichiers. http://www.uploadify.com/

Cela aide-t-il du tout? J'utilise ce plug-in pour télécharger un fichier.

+0

merci mais j'aimerais vraiment le coder et comprendre ce qui se passe –

+0

@ jason pourquoi réinventer la roue? –

0

FORM PLUGIN

u peut utiliser cette méthode de plug-in pour passer vos $ _FILES données et utilisez votre code PHP plus tard:

$('.yourFormUpload').ajaxSubmit(options); 

pour la variable d'options u peut lire la documentation de celui-ci

Questions connexes