Re: he simplest things... JS trouble!
- From: "Haden Pike" <haden.pike@xxxxxxxxx>
- To: <programmingblind@xxxxxxxxxxxxx>
- Date: Fri, 3 Jul 2009 21:04:02 -0400
What appears in the message as the file type?
Haden Pike
Email: haden.pike@xxxxxxxxx
--------------------------------------------------
From: "Alex Hall" <mehgcap@xxxxxxx>
Sent: Friday, July 03, 2009 8:52 PM
To: <programmingblind@xxxxxxxxxxxxx>
Subject: he simplest things... JS trouble!
Hi all,
I am trying to make a page that lets the user browse their
computer for an image file, select it (through the use of a
"file" input type), then the page will display a thumbnail of
that picture via resizing using the img tag's length and width
parameters. However, my basic error-checking to ensure that the
file is actually an image is not letting anything through. I
break the path in the "file" field by periods and then get the
final element of the resulting array, which is the file's
extension. I ensure that it is an appropriate extension (jpg or
png for now). If so, I add the thumbnail to a dynamically
updated area on the page. If not, nothing else happens except
the user is informed of their mistake. However, even if the user
picks a jpg, the error message pops up. Why? Below is my
function. As always, my bn will strip out some punctuation, so
ignore errors in quotes, braces, parentheses, and so on.
file=f.pic.value.split(".") //get path, converting to array
split by periods
ext=file[file.length-1].toLowerCase(); //get extension and
lowercase it
if(ext!="jpg" || ext!="png"){ //if ext is not valid image
filetype
alert("You have selected an unsupported filetype (."+ext+").
Please select only .jpg or .png files.");
else{ //file ok, so add to thumbnail area
preview=document.getElementById("pics");
sofar=preview.innerHTML; //any images already displayed, so they
will not be erased by this most recent one, but added to instead
newpic="<img src='"+f.pic.value+"' height='100'
width='100'></img><br>"; //latest img, source is the path the
user chose
preview.innerHTML=sofar+newpic; //add new file as thumbnail to
any already there
alert("okay, you can pick a new image now."); //test for me to
ensure it completes all the dhtml and exits
catch(e){
alert(e+" in addpic(): "+e.description);
Have a great day,
Alex
__________
View the list's information and change your settings at
//www.freelists.org/list/programmingblind
__________
View the list's information and change your settings at
//www.freelists.org/list/programmingblind
Other related posts:
