Upload file html speciale

Ppz@OdC

Nuovo Utente
2 Mar 2013
25
0
0
Ciao a tutti,allora avrei questa piccola necessità di caricare un file con l'HTML.
Questa cosa mi viene perfettamente,solo che volevo aggiungere una piccola modifica ma riscontro dei problemi,nel senso che vorrei che comparisse un immagine sulla quale cliccando mi da la stessa funzionalità di UPLOAD FILE nel senso che mi fa fare quelle ricerca nel pc dei file che voglio caricare,perchè facendo la cosa normalmente mi compare un BUTTON mentre io vorrei che ci fose un immagine.E' possibile oppure no?
Qualcuno mi farebbe vedere come posso fare?Magari con un piccolo esempio?
 

helpdesk

Utente Attivo
30 Set 2009
726
0
0
Pesaro
Ciao, ti basta associare al tasto un'immagine.

esempio:

PHP:
 <input name="Upload" type="image" src= "tua_foto.jpg" alt="upload"width="78" height="38">
 
Ultima modifica:

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
io credo che intendevi un input tipo file
HTML:
 <input name="Upload" type="file"/>
io non sono mari riuscito a modificare il button "sfoglia" o meglio non ci ho mai perso tempo perchè se cerchi nel web ti propongono degli script allucinanti che ti fanno passare la voglia di modificarlo
se c'è una soluzione semplice e a portata sono curioso
 

helpdesk

Utente Attivo
30 Set 2009
726
0
0
Pesaro
Salve ragazzi, non avevo capito.
Se si vuole cambiare il tasto sfoglia di un form upload.
Bisogna utilizzare JS e agire sul DOM.
Inoltre si può poi giocare con il css o agire via JS sul finto Upload Javascript
"Cosa meno complessa"
Un esempio JS: "anche se non è la sezione adatta " :)

PHP:
<script>
 
    var W3CDOM = (document.createElement && document.getElementsByTagName);
    window.onload=initFileUploads;
 function initFileUploads() {
	if (!W3CDOM) return;
	    var fakeFileUpload = document.createElement('div');
	    fakeFileUpload.className = 'fakefile';
	    fakeFileUpload.appendChild(document.createElement('input'));
	    var image = document.createElement('img');
	    image.src='up.png';
	    fakeFileUpload.appendChild(image);
	    var x = document.getElementsByTagName('input');
	for (var i=0;i<x.length;i++) {
		 if (x[i].type != 'file') continue;
		 if (x[i].parentNode.className != 'Tasto_Sfoglia') continue;
		 x[i].className = 'file hidden';
		 var clone = fakeFileUpload.cloneNode(true);
		 x[i].parentNode.appendChild(clone);
		 x[i].relatedElement = clone.getElementsByTagName('input')[0];
		 x[i].onchange = x[i].onmouseout = function () {
		 this.relatedElement.value = this.value;
		}
	}
}


</script>
 
Discussioni simili
Autore Titolo Forum Risposte Data
M Adattare script di "form mail con upload file" al mio form mail HTML! PHP 7
L Modifica file upload in ASP Classic ASP 2
S Upload file senza doverlo selezionare PHP 2
G Upload file error Apache 0
R Modifica codice per l'upload di più file PHP 1
S [PHP] Upload stesso file PHP 14
G [PHP] upload file in server: percorso cartella PHP 2
M Upload 4 file php PHP 11
M [ASP] Upload file da form controllo Classic ASP 5
M [PHP] Nome file, upload e rinominare PHP 2
M [PHP] upload di un file esistente overwrite PHP 1
N [PHP] Test per l'upload di file attraverso un bot Telegram PHP 2
C [PHP] Problema upload file (multiplo) PHP 1
S [PHP] Upload file... PHP 6
P Barra upload file jQuery 1
giancadeejay [PHP] Aggiornare DB tramite UPLOAD file .csv PHP 39
V [PHP] upload di file in cartella e sua sicurezza PHP 137
T [ASP] upload file Classic ASP 3
V File upload.php della guida, ma ha un errore PHP 8
M Fare upload di file scegliendo la cartella di destinazione PHP 78
M rinominare file in upload PHP 3
Y script per upload file PHP 9
Devil-94 rimuovere i spazi del file in upload... PHP 1
R Problema upload file PHP 1
S Indicare una directory di destinazione per l'upload di un file PHP 1
M Errore nell'Upload di un file PHP 0
Nik Implementare script "upload file" nel proprio sito web... tramite google drive Javascript 1
francesco7 [Problema] esecuzione script Upload file in php PHP 0
I upload file php / javascript / mysql PHP 0
D Upload file in cartella con progress bar PHP 6
R upload file php PHP 5
P upload e rename file PHP 2
xone Form con campi input text e upload file PHP 4
A Upload in App Android (sfoglia file) Sviluppo app per Android 1
F Errore filezilla upload file Hosting 1
R upload multiplo di file PHP 7
F upload file PHP 1
M Upload di n solo file in due cartelle diverse PHP 4
C ridurre dimensione file immagine prima dell'upload Javascript 0
F Problema con upload di file PHP 1
G UPLOAD con controllo esistenza file Classic ASP 0
M upload file con progress bar PHP 10
F pagina bianca upload file Joomla 0
A upload file PHP 14
E upload file in un web server, da un'altro web server PHP 2
I upload di piu file contemporaneamente PHP 1
F upload file da iphone,ipadragazzi... PHP 3
M Upload file progress bar Javascript 10
S Upload file con IIS7? Web Server 0
S Upload file PHP 21

Discussioni simili