Image editor

Question

Iam working on an image editor using html and css filters and JavaScripts
1- how can i add a browse button to get the image from the device
2 - how can i output the image after editing

Answer 1

Use an input type file like this:

<input type="file" id="myFile">
<button onclick="myFunction()">browse</button>

And get it by getElementById in Javascript like this:

function myFunction() {
var x = document.getElementById("myFile");
}

Answer 2

Thanks but i dont think this will open the browse window to get the image