come vedere anteprime delle foto prima di mandarli al server

smartjob

Nuovo Utente
27 Mag 2019
1
0
1
ho un form con 1 input file e vorrei caricare alcune foto e guardare in anteprima sulla stessa pagina prima di mandarle al server, esempio se carico 2 foto 1 ad 1 voglio vederle tutte 2 a fianco del altra senza sostituire una dal altra, ho gia provato a recuperare il value del input file x poi caricarle su un anchor ma come value ottengo un path strano che comincia con fakepath e nn serve
 

jdigital.it

Nuovo Utente
28 Ott 2021
10
0
1
Ciao guarda puoi risolvere in questo modo:

JavaScript:
//con la costante image definisci l'input
const image = document.querySelector("#input");
//aggiungi un listener che si attiva quando viene selezionata l'immagine
image_input.addEventListener("change", function() {
    //con il FileReader recuperi l'immagine
    const reader = new FileReader();   
    reader.addEventListener("load", () => {   
        const uploaded_image = reader.result;
        //modifica l'id_contenitore per visualizzare l'immagine nella tua pagina
        document.querySelector("#id_contenitore").style.backgroundImage = `url(${uploaded_image})`;
    });   
    reader.readAsDataURL(this.files[0]);
});
 
Discussioni simili
Autore Titolo Forum Risposte Data
G Perché il mio sito su Google news fa vedere le immagini degli articoli la mia foto profilo? WordPress 1
E Come vedere telecamera analogica senza DVR e switch. IP Cam e Videosorveglianza 1
WebmasterFioriniAndrea [PHP] Problema che non mi fa vedere niente PHP 2
F Vedere telecamere da remoto smartphone/tablet IP Cam e Videosorveglianza 1
Rta_services Vendo Story viewer per instagram progra per vedere le story. Annunci servizi di Social Media Marketing 0
I Xamp non mi fa vedere le seconde pagine del sito locale Web Server 0
M [PHP] Vedere tutti i dati presenti nel DB PHP 15
andreas88 [HTML] come inserire 3 riquadri in un unico rigo (vedere img allegata) HTML e CSS 11
L [Javascript] Cliccare su mi piace per accedere a vedere la pagina Javascript 0
BullNoir [Compro] Tutto ciò che abbia a che vedere con la nicchia dei Single (no sex) Compravendita siti e domini 0
F Come posso vedere quanti likes ha una Pagina su Facebook in automatico? PHP 0
M vedere ip camera da remoto IP Cam e Videosorveglianza 2
Z Vedere SERP di Google ma senza personalizzazioni SEO e Posizionamento 2
M Wamp: vedere il proprio sito online? Hosting 3
T Tempo d'attesa per vedere la propria app pubblicata su Google Play Sviluppo app per Android 2
G Con Photoshop come faccio a ritagliare un immagine irregolare e quindi non vedere più la parte ester Photoshop 3
G Con photoshop cove si possono vedere delle immagini all'interno del software? Photoshop 1
ivarello Obbligare Utenti a vedere filmato Javascript 2
giancadeejay Impostare tempo per vedere un immagine nell'array. Javascript 2
emanuelevt Live che contiene post come faccio a fare vedere loading? Ajax 5
S jquery plugin per vedere foto e video problemi aiuto jQuery 0
M per far vedere tutte le righe nel modulo nn solo con id3 PHP 1
demoleus non riesco a vedere le immagini HTML e CSS 4
I xml vedere se nodo esiste PHP 0
R aggiornare pagina senza vedere caricamento PHP 2
I Vedere se record esiste PHP 7
T vedere un'immagine solo se è in offerta Classic ASP 17
I Non riesco a vedere i codici html Windows e Software 4
A vedere la pagina uguale con tutti i browser cerco tutorial HTML e CSS 2
M Perso codice html posso farvi vedere?!? HTML e CSS 4
D Cerco un programma per vedere le mie pagine html Discussioni Varie 1
G Vedere schermo in varie risoluzioni con Firefox? Windows e Software 0
I Vedere on line il contenuto di un file .xls? Classic ASP 0
S vedere in streaming un video HTML e CSS 2
M vedere la tele dal pc Windows e Software 0
I Vedere con pc e Mac. HTML e CSS 1
N webcast per vedere in anteprima WindowsVista Windows e Software 0
J Vedere l'ultima visita di un utente PHP 0
R vedere partizione linux Linux e Software 2
P Vedere IP da post scritti in forum Asp Classic ASP 3
T perchè non riesco a vedere tutte le tv cia pc? Discussioni Varie 1
Nik Come faccio vedere un video sul mio sito web?? HTML e CSS 6
S vedere XML in HTML XML 1
E Assolutamente Da Vedere Presenta il tuo Sito 1
L Non riesco a vedere i database sul mio sito Classic ASP 8
B Provate a vedere questo! Presenta il tuo Sito 0
R Non riesco a vedere i video HTML e CSS 4
peppoweb ALERT!: Si fa vedere il worm dell'11 Settembre Sicurezza e Virus 6
Shyson Mettere categorie nelle anteprime degli articoli PHP 1
B [risolto] anteprime video PHP 9

Discussioni simili