Topbar
Topbar
Sign in
|
Join
|
Client Center
Home
Products
Client Center
Contact
Purchase
Support forums
»
Products
»
Ajax Uploader
»
Validation of file names in JavaScript
Validation of file names in JavaScript
Last post 06-17-2009, 11:39 PM by
cutechat
. 2 replies.
Sort Posts:
Oldest to newest
Newest to oldest
Previous
Next
06-17-2009, 12:14 AM
53195
Kerpal
Joined on 06-17-2009
Posts 6
Validation of file names in JavaScript
Reply
Quote
Hi,
I need to check the selected files *before* upload to make sure they have the correct file names.
How can I do this in JavaScript?
Thanks in advance.
06-17-2009, 10:41 PM
53237
in reply to
53195
Kerpal
Joined on 06-17-2009
Posts 6
Re: Validation of file names in JavaScript
Reply
Quote
Bump.
Can anyone assist?
06-17-2009, 11:39 PM
53238
in reply to
53237
cutechat
Joined on 07-22-2004
Posts 2,332
Re: Validation of file names in JavaScript
Reply
Quote
Hi,
Please check this sample :
<
%@ Page
Language
=
"C#"
Title
=
"First sample"
%
>
<
%@ Import
Namespace
=
"CuteWebUI"
%
>
<
%@ Register
TagPrefix
=
"CuteWebUI"
Namespace
=
"CuteWebUI"
Assembly
=
"CuteWebUI.AjaxUploader"
%
>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"
>
<
script
runat
=
"server"
>
string
disabledExtList
=
"aspx,asp,ashx,html,htm,mht,exe,dll,php,jsp"
;
void InsertMsg(string msg)
{
ListBoxEvents.Items.Insert(0, msg);
ListBoxEvents.SelectedIndex
=
0
;
}
protected void UploadAttachments1_AttachmentAdded(object sender, AttachmentItemEventArgs args)
{
InsertMsg("Added.." + args.Item.FileName);
}
protected void UploadAttachments1_FileValidating(object sender, UploaderEventArgs args)
{
//validate the extensions , this is very important!
//the client side validation is not safe , double check it here:
string
ext
=
Path
.GetExtension(args.FileName).TrimStart('.').ToLower();
ext
=
","
+ ext + ",";
string
list
=
","
+ disabledExtList.ToLower() + ",";
if (list.IndexOf(ext) != -1)
{
throw (new Exception("Invalid file type!"));
}
}
</
script
>
<
html
xmlns
=
"http://www.w3.org/1999/xhtml"
>
<
head
id
=
"Head1"
runat
=
"server"
>
</
head
>
<
body
>
<
form
id
=
"Form1"
runat
=
"server"
>
<
CuteWebUI:UploadAttachments
runat
=
"server"
ID
=
"UploadAttachments1"
OnAttachmentAdded
=
"UploadAttachments1_AttachmentAdded"
OnFileValidating
=
"UploadAttachments1_FileValidating"
>
</
CuteWebUI:UploadAttachments
>
<
br
/>
<
div
>
Server Trace:
<
br
/>
<
asp:ListBox
runat
=
"server"
ID
=
"ListBoxEvents"
Width
=
"800"
>
</
asp:ListBox
>
</
div
>
</
form
>
<
script
type
=
"text/javascript"
>
var
disabledExtList
=
'<%=disabledExtList %>'
</
script
>
<
script
type
=
"text/javascript"
>
//validate the extensions in client side
//this way is not safe , just for performance
//try to disable it to test the server validation
var
useclientvalidation
=
true
;
function CuteWebUI_AjaxUploader_OnSelect(files)
{
if(useclientvalidation)
{
var
list
=
","
+disabledExtList+",";
for(var
i
=
0
;i
<
files.length
;i++)
{
var
fps
=
files
[i].FileName.split('.');
var
ext
=
fps
[fps.length-1].toLowerCase();
ext
=
","
+ext+",";
if(list.indexOf(ext)!=-1)
{
alert("Javascript : Invalid file type : "+ext);
//cancel it.
return false;
}
}
}
}
</
script
>
</
body
>
</
html
>
Regards,
Terry