url de retour du magasin d'un script FilePicker

Question

si Ive a obtenu le script filepicker dans mon site:

<script type="text/javascript" src="//api.filepicker.io/v1/filepicker.js"></script> 

<input type="filepicker" data-fp-apikey="A9sWQqHKDSLu0QkEeY1qnz" data-fp-mimetypes="image/*" data-fp-container="modal" data-fp-multiple="true" data-fp-services="COMPUTER,FACEBOOK,INSTAGRAM" onchange="out='';for(var i=0;i<event.fpfiles.length;i++){out+=event.fpfiles[i].url;out+=' '};alert(out)"> 

Deux questions pour vous: maîtres

a. Comment puis-je stocker l'URL de l'image que le sélecteur de fichiers retourne. l'idée est de le stocker dans une sorte de page "choisissez votre produit", et d'implanter cette URL plus tard, sur un autre formulaire web.

b. Comment puis-je faire un aperçu en direct de l'image téléchargée par mon client, dans la même page de téléchargement, juste pour pouvoir vérifier que c'est la bonne image.

Answer 1

http://jsfiddle.net/jWyek/

Il a un code d'exemple pour vous montrer comment vous pouvez afficher l'image.

Put dans une image d'espace réservé:

<img id="placeholder" src=""></img> 

Et puis définissez l'URL source lorsque vous obtenez de filepicker

$('#placeholder').attr('src', url); 

Il vous montre également l'espace réservé pour où vous pouvez enregistrer l'image pour plus tard.

//do what you need to store the url 

Je ne suis pas sûr de ce que votre système ressemble et cette partie va être super spécifique à votre code et la configuration.