kun billede skal kunne uploades

Har du ikke noget kode vi kan kigge på...?

Det burde jo bare være at tjekke filnavnet på den fil du uploader... Altså om det er en jpg, gif eller png...

skulle virke.. jeg har lavet det med .jpeg, .gif, .png og .jpg, men du kan nok godt finde systemet i det, hvis du kikker det igennem.. ellers kan jeg godt kommentere scriptet...


<form action='din uploadside.xxx' method='post' enctype='multipart/form-data' name='form'>
<input type='file' name='file' id='file' onchange='change()'>
<input type='submit' value='Upload'>
</form>

<script>
function change(){
    value = document.getElementById('file').value;
    splitstring = value.split(".");
    filetype = splitstring[splitstring.length-1].toUpperCase();
    if(filetype != "JPG"){
        if(filetype != "JPEG"){
            if(filetype != "GIF"){
                if(filetype != "PNG"){
                    alert("forkert filtype.. tilladte filtyper: jpg, gif og png");
                    document.form.reset();
                }
            }
        }
    }
}
</script>

kan ikke rigtig få det til at virke...

Den begynder bare at uploade:

  <script>
function change(){
    value = document.getElementById('blob').value;
    splitstring = value.split(".");
    filetype = splitstring[splitstring.length-1].toUpperCase();
    if(filetype != "JPG"){
        if(filetype != "JPEG"){
            if(filetype != "GIF"){
                if(filetype != "PNG"){
                    alert("forkert filtype.. tilladte filtyper: jpg, jpeg, gif og png");
                    document.form.reset();
                }
            }
        }
    }
}
</script>

  <br><form style='display: inline' METHOD='Post' onchange='change()' ENCTYPE='multipart/form-data' ACTION='kundelogo.asp?key=1' id='form3' name='form3'">
  <input TYPE="file" NAME="blob" class="input">
  <input type='submit' name='Action' value='Upload billede'><br><br><font>

har osse prøvet med:

value = document.getElementById('form3').value;

<input TYPE="file" NAME="blob" class="input" id='blob'>

inputtet bliver fundet ud fra id.. derfor skal id='blob'

value er valuen fra <input TYPE="file" NAME="blob" class="input" id='blob'>

virker stadig ikke...

afslutter du din form??

Nu har jeg fået den til at virke... Men den sletter ikke valuen som den gør hvis jeg bruger din kode direkte...

koden:

<form style='display: inline' action='kundelogo.asp?key=1' method='post' enctype='multipart/form-data' id='form3' name='form3'>
<input type='file' name='blob' id='blob' onchange='change()'>
<input type='submit' value='Upload billede'>
</form>

<script>
function change(){
    value = document.getElementById('blob').value;
    splitstring = value.split(".");
    filetype = splitstring[splitstring.length-1].toUpperCase();
    if(filetype != "JPG"){
        if(filetype != "JPEG"){
            if(filetype != "GIF"){
                if(filetype != "PNG"){
                    alert("forkert filtype.. tilladte filtyper: jpg, gif og png");
                    document.form.reset();
                }
            }
        }
    }
}
</script>

ahh... det er fordi formen hedder form3..
<form style='display: inline' action='kundelogo.asp?key=1' method='post' enctype='multipart/form-data' id='form3' name='form3'>
<input type='file' name='blob' id='blob' onchange='change()'>
<input type='submit' value='Upload billede'>
</form>

<script>
function change(){
    value = document.getElementById('blob').value;
    splitstring = value.split(".");
    filetype = splitstring[splitstring.length-1].toUpperCase();
    if(filetype != "JPG"){
        if(filetype != "JPEG"){
            if(filetype != "GIF"){
                if(filetype != "PNG"){
                    alert("forkert filtype.. tilladte filtyper: jpg, gif og png");
                    document.form3.reset();
                }
            }
        }
    }
}
</script>

thx m8 - smid et svar

har jeg gjort.. men her er et til :)..

hmm - det virker ikke rigtig når jeg smider det ud på nettet?

hmmm... hvad er adressen??

kan det være, du har en anden form, som du includer, som hedder form3?? eller du bruger id='blob' et andet sted??

nej... det er også holdt op med at virke offline nu...

<form style='display: inline' action='kundelogo.asp?key=1' method='post' enctype='multipart/form-data' id='form3' name='form3'>
<input type='file' name='blob' id='blob' onchange='change()'>
<input type='submit' value='Upload billede'>
</form>

<script>
function change(){
    value = document.getElementById('blob').value;
    splitstring = value.split(".");
    filetype = splitstring[splitstring.length-1].toUpperCase();
    if(filetype != "JPG"){
        if(filetype != "JPEG"){
            if(filetype != "GIF"){
                if(filetype != "PNG"){
                    if(filetype != "BMP"){
                    alert("forkert filtype.. tilladte filtyper: jpg, jpeg, bmp, gif og png");
                    document.form3.reset();
                }
            }
        }
    }
}
</script>

<ole>

At man før i tiden kunne scripte på et input type="file" var en bug, der nu er rettet ... heldigvis  :)
Hvis du scripter på et sådan input, kan du ikke længere uploade noget med det - før siden reloades.

Under alle omstændigheder _skal_ du checke på serveren, hvad den modtager. Det er jo ikke noget problem at uploade en fil udenom din HTML-side ... og så er du jo ligeså meget på lokummet.

Alle checks på klienten er _kun_ til for brugerens skyld - det har intet med sikkerhed at gøre. I dette tilfælde er det ikke muligt at lave et fornuftigt check på klienten, så lav det udelukkende på serveren  :)

/mvh
</bole>

-- og en anelse simplere:

<form style='display: inline' action='java script:void(0)' method='post' enctype='multipart/form-data' id='form3' name='form3' onsubmit="return change(this)">
<input type='file' name='fil' id='fil'>
<input type='submit' value='Upload billede'>
</form>

<script>
function change(f){
  reg = /^.+\.(jpe?g|bmp|gif|png)$/i;
  if(!f.fil.value.match(reg)){
    alert("forkert filtype.. tilladte filtyper: jpg, jpeg, bmp, gif og png");
    document.form3.reset();
    return false;
  }else
  return true;
}
</script>

Vi prøver lige igen: Du kan _ikke_ scripte på en input type="file". Gør du det, kan du ikke længere uploade noget, før siden reloades  :)
/mvh