Apr 21, 2018

2

OP

Level 27

clickable image

How to replace a browse file button with a clickable image that could upload file?

I have the image but do not know how to turn the image into a browse button.

Level 20

https://v4-alpha.getbootstrap.com/components/forms/#file-browser

https://stackoverflow.com/questions/2855589/replace-input-type-file-by-an-image?utm_medium=organic&utm_source=google_rich_qa&utm_campaign=google_rich_qa

Best Answer

Level 3

Create the button and position the input[type=file] right on top of it using position absolute. And reduce the opacity to 0.

Please or to participate in this conversation.