03. oktober 2012 - 12:08Der er
10 kommentarer og 1 løsning
filstørelse validering
Hej,
Jeg har nu lavet en validering i javascript som tjekker om der er uploadet en fil, er der også en simpel måde at tjække om filen er mindre end 2 mb.
Og hvis den ikke er det, så kommer der en popup som også gør hvis der ikke er nogen fil?
Håber i forstår hvad jeg mener, her er min javascript som tjekker om der allerede er en fil:
function validateForm() { var x=document.forms["profile"]["file_name"].value; if (x==null || x=="") { alert("An image must be uploadet"); return false; } }
Teknologi, AI og forretning er i centrum på Computerworlds Cloud og AI Festival i København d. 18. og 19. september. Se hele programmet for den store konference om strategisk brug af Cloud og AI på: www.cloud-festival.dk
Det første eksempel udskriver vel hvor stor filen er.
Så det er vel det andet eksempel jeg bør bruger. Men skan denne kodestump ind i mit javacript:
$.validator.addMethod('filesize', function(value, element, param) { // param = size (en bytes) // element = element to validate (<input>) // value = value of the element (file name) return this.optional(element) || (element.files[0].size <= param) });
Altså in i det her:
function validateForm() { var x=document.forms["profile"]["file_name"].value; if (x==null || x=="") { alert("An image must be uploadet"); return false; } }
</script>
Og hvor ville jeg så skulle placere dette her:
$('#formid').validate({ rules: { inputimage: { required: true, accept: "png|jpe?g|gif", filesize: 1048576 }}, messages: { inputimage: "File must be JPG, GIF or PNG, less than 1MB" } });
I min kode som ser sådan her ud:
<?php include_once( 'class/phUploader.php' ); ?>
<div id="profile_txt"> Upload the picture you want as a profile picture on facebook and type in your email. A moment later you will recieve an e-mail with your new profile picture. </div> <br><br> <table width="450"> <div id="form">
function validateForm() { var x=document.forms["profile"]["file_name"].value; if (x==null || x=="") { alert("An image must be uploadet"); return false; } }
</script>
</head>
<body>
<script>
$.validator.addMethod('filesize', function(value, element, param) { param = size (2000) element = element to validate (<file_name>) // value = value of the element (file name) return this.optional(element) || (element.files[0].size <= param) });
$('#filename').validate({ rules: { inputimage: { required: true, accept: "png|jpe?g|gif", filesize: 2000 }}, messages: { inputimage: "File must be JPG, GIF or PNG, less than 2MB" } });
</script>
<div id="profile_txt"> Upload the picture you want as a profile picture on facebook and type in your email. A moment later you will recieve an e-mail with your new profile picture. </div> <br><br> <table width="450"> <div id="form">
Jeg ved ikke om jeg har lært at bruge jquery 100% men jeg skal vel starte et sted. Jeg forsøger at forstå det, men mener ikke der står noget om at jeg skal importere jquery.
Kan man ikke benytte sig af jquery ligesom javascript?
Min javascript virker jo uden jeg har importeret noget?
Nu har jeg ihvertfald sammenkoblet de 2 script tags så der kun er et, vidste ikke lige at language var udgået, ser det stadig rundt omkring.
Oh ja, jeg mente og at jeg lærte det i sidste tråd, men dette script starter jo ikke med funktion, og hvis jeg allerede har benyttet mig af onsubmit, hvordan skal jeg så kalde på den nye.
Er der en måde jeg kan sammen skrive de to scripts som validere, altså om der er en fil og om den fylder mere end 2mb. fordi så ville jeg jo bare kunne kalde samme funktion i onsubmit tagget.
Så det vil sige, kan jeg sammenkode dette:
function validateForm() { var x=document.forms["profile"]["file_name"].value; if (x==null || x=="") { alert("An image must be uploadet"); return false; } }
Med dette:
$.validator.addMethod('filesize', function(value, element, param) { param = size (2000) element = element to validate (<file_name>) // value = value of the element (file name) return this.optional(element) || (element.files[0].size <= param) });
Jeg tror nok det er det jeg skal gøre for at kalde den, er det ikke korrekt?
Du har helt ret! Du har ikke lært 1% endnu! Du kan ikke læse en halv Pixi-bog og forvente, du drved lærer at flyve en jumbojet på en halv time. Læs og lær!
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.