Validering af billede

Hvorfor ikke nøjes med en server-side validering - du kan under alle omstændigheder ikke nøjes med et client-side check... - det er jo ikke alle der understøtter javascript...

Jeg kører serverside validering på de vigtigste ting, men ønsker at gardere mig yderligere ind ved noget client-side, som netop er hurtigere.

ok - det var bare så du vidste, at du blev nødt til at validere de samme ting server-side - og det ved du jo åbenbart :-)

Mht. validering i js, har jeg programmeret en smule i det og er aldrig nogensinde stødt på funktioner til validering af billeder. Du kan dog selvfølgelig teste på ekstension af en fil og burde nok også kunne få fat i størrelsen af filen - men om selve filen indeholder et gyldigt jpg. billede er nok værre.

<script type="text/javascript">
<!--
function getFileExtension(filePath) {
  fileName = ((filePath.indexOf('/') > -1) ? filePath.substring(filePath.lastIndexOf('/')+1,filePath.length) : filePath.substring(filePath.lastIndexOf('\\')+1,filePath.length));
  return fileName.substring(fileName.lastIndexOf('.')+1,fileName.length);
}

function checkFileUpload(form,extensions) {
  document.ReturnValue = true;
  if (extensions && extensions != '') {
    for (var i = 0; i<form.elements.length; i++) {
      field = form.elements[i];
      if (field.type.toUpperCase() != 'FILE') continue;
      if (field.value == '') {
        alert('File is required!');
        document.ReturnValue = false;field.focus();break;
      }
      if (extensions.toUpperCase().indexOf(getFileExtension(field.value).toUpperCase()) == -1) {
        alert('This file is not allowed for uploading!');
        document.ReturnValue = false;field.focus();break;
  } } }
}
//-->
</script>


og....


<form name="imguploadfield" method="POST" action="" enctype="multipart/form-data" onSubmit="checkFileUpload(this,'GIF,JPG,JPEG,BMP,PNG');return document.ReturnValue">

</form>