Jquery uploadify plugin

Question

J'ai gardé un plugin jquery uploadify sur la page et un tag <img> en plus. Tout fonctionne bien comme prévu sauf un problème. Je souhaite mettre à jour <img> pour afficher la nouvelle image dès qu'une image est téléchargée. Comment puis-je faire ceci? J'utilise Php.

Merci à l'avance :)

Answer 1

Vous pouvez utiliser onComplete rappel (http://www.uploadify.com/documentation/).

Exemple d'utilisation est here:

$(document).ready(function() { 
    $('#fileInput').uploadify({ 
    'uploader' : 'uploadify.swf', 
    'script' : 'uploadify.php', 
    'cancelImg' : 'cancel.png', 
    'auto'  : true, 
    'folder' : '/uploads' 

    /* ====== HERE ===== */ 
    'onComplete': function(event, queueID, fileObj, response, data) {  
     $("#my_image").attr("src","your path"); 
    } 

    }); 
}); 

(http://www.uploadify.com/implementation/)

Answer 2

Il suffit d'utiliser JQuery pour mettre à jour l'attribut <img src="..." /> de cette image devrait le faire à mon humble avis.

Answer 3

Take a look at the documentation, il semble que le rappel onComplete renverra le chemin du fichier, vous pouvez faire quelque chose comme ceci:

onComplete: function(event, queueID, fileObj, response, data) { 
    $('img#user_avatar').attr('src',fileObj.filePath); 
}