Script per webmaster: download interattivo e sicuro

31 mar 2009

Voglio condividere con voi, specialmente può interessare un webmaster, un piccolo e semplice script composto da HTML + Javascript + PHP che permette il download di files interagendo (tramite eventi) con il visitatore ed in modo sicuro. L’esigenza è nata dall’idea di permettere al visitatore di scaricare un determinato file obbligandolo prima a far cliccare su un altro link (che può essere un testo, un’immagine, ecc…)

Per far ciò presento il seguente esempio: un link sotto forma di bottone disabilitato nello stato iniziale e abilitato dopo che il visitatore clicchi nel link testuale

Clicca qui per abilitare l’elemento

Per realizzare ciò serve semplicemente il codice sottostante composto da Javascript che permette l’azione dall’abilitazione + la form in HTML (fonte CodeToad)

<script language="javascript">


function enableField()

{

document.form1.button.disabled=false;

}

</script>
<a href="javascript:enableField()">Clicca qui per abilitare l'elemento</a>

<form name="form1" method="get" action="http://www.digitalking.it/download.php"> <input type="hidden" name="f" value="test.zip" /> <input type="submit" name="button" value="Click!" disabled="true" /> </form>

spiegazione del codice:
enablefield() è una funzione JS che va in esecuzione nel link testuale proprio perchè viene richiamata tramite href attributo del tag HTML a.
Questa funzione porta la proprietà disabled del bottone di submit da true (default) a false e quindi il bottone si abilita.
Cliccando sul bottone verrà richiamato il file download.php che passa come stringa nell’URL gli attributi name e value del tag HTML nascosto (input type=”hidden”), in particolare l’attributo value specifica il nome del file.
In questo modo il link completo sarà http://www.digitalking.it/download.php?f=test.zip

In questo modo verrà scaricato il file test.zip presente qui nel mio hosting web. Ho utilizzato uno script php gratuito per uso personale (Smart File Download) che permette tra le varie funzioni che ha di mascherare il percorso reale del file nonchè configurandolo è anche possibile abilitare l’hotlinking (attualmente non lo ho configurato così qui), ovvero permette di scaricare il file solo se l’utente proviene da un dominio specificato.

In questo modo si può prevenire lo scaricamento del file da parte dell’utente più smaliziato che cercando di bypassare il controllo Javascript cerchi di carpire il file tramite il codice sorgente visualizzabile dal browser.