Ciao ragazzi, so che è un argomento molto richiesto, ma magari qualcosa si è mosso, o magari qualcosa mi è sfuggito..
chiedo.. è possibile fare l' Upload tramite AJAX?, magari convertendo il file in un formato cosi da permettere l invio con chiamate ajax? cosi da avere la possibilità di mostrare subito un anteprima?
e se si, sapete indicarmi una guida o altro, e sapete dirmi se è supportato da tutti i browser?
grazie ragaz
Hai ragione, e' un argomento molto popolare...
Il guaio per i poveri computers e' che sono gli uomini a comandarli.
Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
Consultate la discussione in rilievo: script / discussioni utili
Usate la funzione di Ricerca del Forum
A) Uplod in puro ajax non è possibile perché ajax non ammette file binari ma stringhe
B) Fare anteprime di immagini (senza upload) se ne già parlato sul forum (fai una ricerca) è possibile ma non è cross-browser
P.S. Di script upload che fanno anteprime con nome del file e peso c'è da stancarsi in rete sicuro ne valga la pena d'impazzire?
Cavicchi Andrea
Problemi con javascript, jquery, ajax clicca qui
Originariamente inviato da cavicchiandrea
A) Uplod in puro ajax non è possibile perché ajax non ammette file binari ma stringhe
B) Fare anteprime di immagini (senza upload) se ne già parlato sul forum (fai una ricerca) è possibile ma non è cross-browser
P.S. Di script upload che fanno anteprime con nome del file e peso c'è da stancarsi in rete sicuro ne valga la pena d'impazzire?
per pura curiosità.. quindi ditemi..
Puro AJAX non è possibile.. allora esiste in finto AJAX? in IFRAME?, m al' IFRAME non è CRossbrowser?
È possibile l'upload in puro ajax (puoi persino scrivere tu via javascript il contenuto del file da inviare). Ma non ho idea di quanto sia crossbrowser. Da' una guardata qua:
- https://developer.mozilla.org/en/DOM...rmData_objects
- https://developer.mozilla.org/en/XML...quest/FormData
- https://developer.mozilla.org/en/DOM...sDataURL%28%29
Ti conviene testare tu stesso sui vari browsers…
Con questo è possibile.
"Se proprio devono piratare, almeno piratino il nostro." (Bill Gates)
"Non è possibile che 2 istituzioni statali mi mettano esami nello stesso giorno." (XWolverineX)
http://xvincentx.netsons.org/programBlog
Non è ajax puro, quello script fa uso di flash.Originariamente inviato da XWolverineX
Con questo è possibile.
credo siamo molto FIREFOXOriginariamente inviato da carlomarx
È possibile l'upload in puro ajax (puoi persino scrivere tu via javascript il contenuto del file da inviare). Ma non ho idea di quanto sia crossbrowser. Da' una guardata qua:
- https://developer.mozilla.org/en/DOM...rmData_objects
- https://developer.mozilla.org/en/XML...quest/FormData
- https://developer.mozilla.org/en/DOM...sDataURL%28%29
Ti conviene testare tu stesso sui vari browsers…
Avete fatto venire la curiosità anche a me… Provate un po' con questo codice:
Il nodo centrale della questione è il costruttore FormData, che dovrebbe funzionare su IE a partire dalla versione 10. Il resto è comunissimo javascript...codice:<!doctype html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Upload via ajax</title> <script type="text/javascript"> function switchXHRState () { switch (this.readyState) { case 0: console.log("open() has not been called yet."); break; case 1: console.log("send() has not been called yet."); break; case 2: console.log("send() has been called, headers and status are available."); break; case 3: console.log("Downloading, responseText holds the partial data."); break; case 4: console.log("Complete!"); alert(this.responseText); } } function ajaxPost (oForm) { if (!window.FormData) { return true; } var oReq = new XMLHttpRequest(); // Upload via ajax supportato; tolgo ?noajax=1 dall'attributo action oReq.open("POST", oForm.getAttribute("action").replace(/\?.*$/, ""), true); oReq.onreadystatechange = switchXHRState; oReq.send(new FormData(oForm)); return false; } </script> </head> <body> <form name="mioForm" action="invio.php?noajax=1" target="_blank" method="post" enctype="multipart/form-data" onsubmit="return ajaxPost(this);"> <input type="file" name="mioFile" /> <input type="text" name="mioText" value="testo di prova"> <input type="submit" value="Invia"></p> </form> </body> </html>
In ogni caso lo script è costruito in maniera tale che se FormData non è supportato viene aggiunta la stringa "?noajax=1" all'action del form e questo viene inviato comunque in una nuova finestra/scheda (di modo da consentire comunque di non abbandonare la pagina).
Può darsi che sia ancora scarsamente supportato, ma non è "firefox": si tratta di standard w3c.Originariamente inviato da BOES
credo siamo molto FIREFOX
Permessi di invio
Rispondi quotando