webForumDet fria alternativet

En slags image-swap med CSS?

HTML & CSSur HTML, XHTML & CSS

4 svar · 278 visningar · startad av Drunkenstein

Medlem sedan nov. 200529 inlägg
Frågan#1

Ok, nu är detta en riktig chansning men jag behöver verkligen lösa detta på något vis, postade ett inlägg i JavaScript-forumet och kom en bit påväg men sen dök det upp ett problem och jag kan tydligen inte lösa detta med javaScript.

Det jag vill göra är alltså att låta besökaren ladda upp en bild och när besökaren valt en bild ska den visas under formuläret. Koden ser ut såhär:

<form name="form">
<input type="file" name="bild" onChange="visaBild()">
</form>
<img name="bild" src="bild.gif" width=100 height=100>
<script>
function visaBild() {
  document.bild.src="file:///"+document.form.bild.value
}
</script>

När jag kör detta i FF genom servern så kommer detta upp i javaScript consolen:

"Security Error: Content at [url]http://localhost/-%20com/beta/visabild.asp[/url] may not load or link to file:///C:%5CWINDOWS%5CSkrivbord%5Cincoming.jpg."

Jag fick veta att det inte gick att göra så mycket åt detta med hjälp av javaScript så frågan är ju då, går det att lösa med tex CSS eller på något annat vis?

Medlem sedan dec. 20042 245 inlägg
#2

Jag skulle tro att du får försöka lösa det på annat vis. :)

Det du kan göra med HTML är att göra ett formulär som tillåter användaren att skicka bilden till servern. Det du kan göra med CSS är...tja...ändra utseendet. :l

Medlem sedan nov. 200529 inlägg
#3

Oh crap. Så det är alltså omöjligt att fixa detta? inga tips alls?

Medlem sedan dec. 20042 245 inlägg
#4

Du kan skicka bilden till servern och sen skicka tillbaka den...

Medlem sedan nov. 200529 inlägg
#5

Jo det är ju sant men då måste jag ju ladda om sidan, var ju så smidigt med det där scriptet :/ Men finns det ingen annan lösning så...

133 ms totalt · 3 externa anrop · v20260731065814-full.4bcf49fe
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
131 ms — hämta tråd, inlägg och bilagor (db)