html form with file input / label

[Imaulle]

Hello,

 

ok so I need to have an image to replace the normal file input button but nothing happens when I click the image. What am I doing wrong?

 

<form action="../../uploads/social_handler/<?php echo $row->id; ?>/" method="post" enctype="multipart/form-data">
    <input type="file" style="display:none" id="fileInput<?php echo $row->id; ?>" name="fileInput<?php echo $row->id; ?>">
    <label for="fileInput<?php echo $row->id; ?>">
        <img src="../../assets/adminIcons/replaceimage24.png">
    </label>
</form>

 

 

Also, how will I control the file input stuff so that they can only upload png files?

 

Thanks!

[requinix]

Just using an image won't do anything. It has to be an input with type=image.

 

For validating the file type, the best way is for the script to use a function like getimagesize to find out (a) whether the file is an image and (b) what type of image it is. If it isn't a PNG (or even an image at all) then you can do whatever you'd like.

If anybody tells you to use $_FILES["fileInputX"]["type"] they are wrong.

[cesar]

Or you can use java script or jquery  to validate before to submit pic.

[requinix]

Or you can use java script or jquery  to validate before to submit pic.

Doing it beforehand is nice and all but is not a substitute for doing it on the server.