set size of image

[Dag Eilertsen]

Hi! I have a minor problem.
I want an file upload script to show a preview of the image that is about to
be uploaded, but I want it to resize the image to fit... say about 300x300,
no matter how big the image really is.
Here is the script:

<script type="text/javascript" language="javascript">

<!--

function dopreview()

{

if (uploadform.userfile.value != '')

document.getElementById("previewimage").src = 'file:///' +
uploadform.userfile.value.replace(/\\/, '/');

else

document.getElementById("previewimage").src = 'blind.gif';

}

-->

</script>

<form name="uploadform" method="post" type="multipart/form-data">
<input type="text" name="test" value="diverse tekst"><br>
<input name="userfile" type="file" onChange="dopreview();">

</form>

<img id="previewimage" src="tomt_bilde.jpg">

 

[Randy Webb]

Hi! I have a minor problem.
I want an file upload script to show a preview of the image that is about to
be uploaded, but I want it to resize the image to fit... say about 300x300,
no matter how big the image really is.
Here is the script:

<script type="text/javascript" language="javascript">

<!--

function dopreview()

{

if (uploadform.userfile.value != '')

document.getElementById("previewimage").src = 'file:///' +
uploadform.userfile.value.replace(/\\/, '/');

else

document.getElementById("previewimage").src = 'blind.gif';

}

-->

</script>

<form name="uploadform" method="post" type="multipart/form-data">
<input type="text" name="test" value="diverse tekst"><br>
<input name="userfile" type="file" onChange="dopreview();">

</form>

<img id="previewimage" src="tomt_bilde.jpg">

Validate your HTML.

<img name="previewimage" width="300" height="300" src="tomt_bilde.jpg"
alt="an image to preview" />

Life is so simple sometimes.......

document.images['previewimage'].src=.......;