View image to load PHP

Question

View image to load PHP

Navigation

#1 by (2 votes)

1

Hello, I would like to know how to display an image that is to be loaded in a INPUT FILE

For example, when the user clicks to load the image and after selecting it, how do I display a preview of the image before submitting the form?

php jquery

asked by anonymous 16.03.2015 / 20:12

1 answer

Error: IDLE stops working after closed Infinite Loop. How to stop the Loop in a certain situation?

score 2 · Answer 1

This approach solves this problem in a simple way, using just jquery:

<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script><inputid="imgInput" type="file">
<script>
$("#imgInput").change(function(){
    if (this.files && this.files[0]) {
        var reader = new FileReader();

        reader.onload = function (e) {
            $('#view-img').attr('src', e.target.result);
        }
        reader.readAsDataURL(this.files[0]);
    }
});
</script>

<img id="view-img" src="default.jpg">