Preserved Topic: Image size in "input type=file" (Page 1 of 1)

IS it possible to know the size of an image in an <input type=file name=img1 size=30>?

I want to show the user, the size the image he is inputing is!
Is that possible? Before submitting?

As in size, do you mean dimensions (height and width) or do you mean filesize?
I havn't found any way to get dimensions or filesize from javascript on the client, but let's hope someone else has

If it's dimensions you want, I suppose you could use the input-fields path (value) to place an image inside a hidden div and then collect the height and width from that (just an idea, havn't tested it though)
/Dan

{cell 260}
-{ a vibration is a movement that doesn't know which way to go }-

Cool!
but I'm asking for the filesize

*Sits besides DmS waiting*

Coffe?

No, I'm pretty sure you can't get any information about the file from Javascript.

Period.

Thanks Slime

You need to check it server-side once it's uploaded.

The poster has demanded we remove all his contributions, less he takes legal action.
We have done so.
Now Tyberius Prime expects him to start complaining that we removed his 'free speech' since this message will replace all of his posts, past and future.
Don't follow his example - seek real life help first.

Woops... I guess you can after all
(No idea on how supported it is though)

Was over at the GurusNetwork (this thread: http://www.gurusnetwork.com/cgi-bin/ubb/ultimatebb.cgi?ubb=get_topic;f=9;t=000289;p=2 ) and saw a nifty little bookmarklet that Pugzly has put together:

It seems that you can get size in kb width and height in px through javascript after all...

Do this:

function imagesCheck(){

    var y = document.images;

        for (i=0;i<y.length;i++){

            alert("image "+i+" size in kb: " +(y[i].fileSize)*1);

            alert("image "+i+" height in px: " +(y[i].height)*1);

            alert("image "+i+" width in px: " +(y[i].width)*1);

            }

    }

then call it on load or in a link, whatever. It will loop the images array and alert you with the info you need.
I'm pretty sure you must grab this after everything is loaded though.

So, if you add an image in a similar way that I suggested in the first answer to the page, it will end up last in the document.images[] array, then pick what you need from there.

Hey, just saw Pugzly got in a post before this, hope you don't mind me pointing
/Dan

<edit> Well, InI got in there too... need to reply...
Well, If you are using an input type file, you are locally on the users machine, so you can actually load the image into the document.images array as soon as the user picks a file, just call it "onchange" in the form-field, from there you can alert the user, check for allowed size/dimensions whatever
<endedit>

{cell 260}
-{ a vibration is a movement that doesn't know which way to go }-

[This message has been edited by DmS (edited 09-10-2002).]

[This message has been edited by DmS (edited 09-10-2002).]

[This message has been edited by DmS (edited 09-10-2002).]

Wow, interesting. Generally you can't do much with the <input> element with javascript, since it opens the user's computer up to security risks.

I got to this:

function verfoto()	{

	var lafoto = new Image();

	lafoto.src = document.getElementById("archivo").value;

	document.getElementById("imagen_quien").src = lafoto.src;





}

and then in the input file:

<INPUT id=archivo type=file onchange=verfoto() size=65 name=archivo>

<IMG id=imagen_quien  src="#" name=imagen_quien>

It was a little complicated for me, but I think that I could make it work for every input (i have 20 in one single page)

What I dunno is to get the filesize with that.

I'm looking right now in the DmS link.....


[This message has been edited by Wakkos (edited 09-10-2002).]

The poster has demanded we remove all his contributions, less he takes legal action.
We have done so.
Now Tyberius Prime expects him to start complaining that we removed his 'free speech' since this message will replace all of his posts, past and future.
Don't follow his example - seek real life help first.

The poster has demanded we remove all his contributions, less he takes legal action.
We have done so.
Now Tyberius Prime expects him to start complaining that we removed his 'free speech' since this message will replace all of his posts, past and future.
Don't follow his example - seek real life help first.

I was making exactly that:

function verfoto()	{

	var lafoto = new Image();

	lafoto.src = document.getElementById("archivo").value;

	document.getElementById("imagen_quien").src = lafoto.src;



	setTimeout("alert(document.images['imagen_quien'].fileSize);",1000);

}

good thing to be here!!!

The poster has demanded we remove all his contributions, less he takes legal action.
We have done so.
Now Tyberius Prime expects him to start complaining that we removed his 'free speech' since this message will replace all of his posts, past and future.
Don't follow his example - seek real life help first.

I have Opera 5.12 and Mozilla 1.01 (.01? I don't want to open it again please!) and does not work neither in Mozilla nor Opera....

I'm sad now.

The poster has demanded we remove all his contributions, less he takes legal action.
We have done so.
Now Tyberius Prime expects him to start complaining that we removed his 'free speech' since this message will replace all of his posts, past and future.
Don't follow his example - seek real life help first.

When I made the test, I made it with a valid mage....