TalkPHP - View Single Post

captainmerton · 03-02-2011, 05:51 PM

Hi - I have a form for uplaoding inamges to my website. Sometimes if the image size is large it takes 5 seconds or so. I want to try and use javascript to kick off an action that adds an image href indicating "Image Upload Processing" when the Submit button is pressed. How would i best go about doing this? My php is good but javascript isnt so advanced. here's th form html:

PHP Code:


			
<form name="addimage" method="post" enctype="multipart/form-data"  action="">

<table class="forms">

    <tr>

    <td colspan="2">

    <h3>Add Picture</h3>

    </td>

    </tr>



    </tr>

    <tr>

    <td colspan="2"><span class='red'>

        </span></td>

    </tr>

    <tr>

    <td>

        <label for="alt">Image Text*</label>



    </td>

    <td>

        <input type='text' name='alt' id='alt' size='20' maxlength='100'>

    </td>

    </tr>

    <tr>

    <td><input type="file" name="image"></td>

     <td><input name="Submit" type="submit" value="Upload Picture"></td>

    </tr>



</table>

</form>

03-02-2011, 05:51 PM	#1 (permalink)
captainmerton The Acquainted Join Date: May 2009 Posts: 178 Thanks: 9	form button action Hi - I have a form for uplaoding inamges to my website. Sometimes if the image size is large it takes 5 seconds or so. I want to try and use javascript to kick off an action that adds an image href indicating "Image Upload Processing" when the Submit button is pressed. How would i best go about doing this? My php is good but javascript isnt so advanced. here's th form html: PHP Code: <form name="addimage" method="post" enctype="multipart/form-data" action=""> <table class="forms"> <tr> <td colspan="2"> <h3>Add Picture</h3> </td> </tr> </tr> <tr> <td colspan="2"><span class='red'> </span></td> </tr> <tr> <td> <label for="alt">Image Text*</label> </td> <td> <input type='text' name='alt' id='alt' size='20' maxlength='100'> </td> </tr> <tr> <td><input type="file" name="image"></td> <td><input name="Submit" type="submit" value="Upload Picture"></td> </tr> </table> </form>