[JS] Voorbeeld lokale afbeelding tonen voor uploaden

[R0K13]

Hoi,

Op internet vind ik tal van voorbeelden hoe dit moet maar geen enkele lijkt te werken. Sommige menen dat je alleen de source van de image hoeft aan te passen en andere verzinnen een of ander complex script met hetzelfde resultaat, het werkt niet.

Is er geen enkele manier om simpel na het selecteren van een bestand een preview te laten zien? Ik begrijp het veiligheids probleem wel enigzins dat je niet zomaar lokale bestanden mag koppelen maar ik begrijp niet waarom het volgende niet zou werken:

JavaScript:

<input onchange="javascript:document.getElementById('sampleImage').src = this.value;" type="file" id="videoImage" name="images[]" size="30">

Hier zit toch geen enkele veiligheids risico in? Ik bedoel ik kan de input van een file inputbox niet veranderen alleen maar uitlezen. Ik kan dus niet op je hardeschijf rondneuzen en willekeurig bestanden gebruiken. Waarom werkt dit dan niet? Zie ik iets over het hoofd?

[Bosmonster]

Jouw code is niks mis mee, zo simpel kan het zijn (haal alleen "javascript:" weg, dat hoort niet thuis in een event-handler).

Het probleem is dat Internet Explorer het volledige pad teruggeeft bij de value van de file-input en daar werkt het dus wel, ook online. Firefox bijvoorbeeld geeft alleen de bestandsnaam terug, zodat je deze niet 1 op 1 in een img-src kunt zetten.

Geen idee of een file-input onder Firefox nog andere properties heeft zoals directory, dat zou je zelf even uit moeten zoeken.

[ Voor 255% gewijzigd door Bosmonster op 15-10-2008 20:21 ]

[Verwijderd]

Lees dit even voor een mogelijke oplossing:

http://devdaweb.blogspot....hanges-in-file-input.html
http://devdaweb.blogspot....-firefox-3-revisited.html