|
↑
Forms >>>
Allowing visitors to upload files through web forms on your site is useful, but how do you limit the types of files they can upload? This script only allows visitors to upload files that end with the file extensions you want, such as .gif and .jpg, etc.
Please upload only images that end in:
Add the below code to the <body> section of your page:
<script
language="javascript"
type="text/javascript">
extArray
=
new
Array(".gif",
".jpg",
".png");
function
LimitAttach(form,
file)
{
allowSubmit
=
false;
if
(!file)
return;
while
(file.indexOf("\\")
!= -1)
file
=
file.slice(file.indexOf("\\")
+ 1);
ext
=
file.slice(file.indexOf(".")).toLowerCase();
for
(var
i =
0;
i <
extArray.length;
i++)
{
if
(extArray[i]
==
ext)
{
allowSubmit =
true;
break;
}
}
if
(allowSubmit)
form.submit();
else
alert("Please
only upload files that end in types: "
+
(extArray.join("
"))
+
"\nPlease select a new "
+
"file to upload and submit
again.");
}
</script>
Please upload only images that end in:
<script>
document.write(extArray.join("
"));
</script>
<p>
<form
method=post
name=upform
action="/cgi-bin/some-script.cgi"
enctype="multipart/form-data">
<input
type=file
name=uploadfile>
<p>
<input
type=button
name="Submit"
value="Submit"
onclick="LimitAttach(this.form,
this.form.uploadfile.value)">
</form>
|
→
|