Breaking News: Grepper is joining You.com. Read the official announcement!

show selected image input file from database

Restu Wahyu Saputra answered on March 28, 2022 Popularity 2/10 Helpfulness 4/10

answer show selected image input file from database

show selected image input file from database

Comment

<html lang="en">
<head>
    <title>Change image on select new image from file input</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
</head>
<body>


<input type="file" name="file" id="profile-img">
<img src="" id="profile-img-tag" width="200px" />


<script type="text/javascript">
    function readURL(input) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();
            
            reader.onload = function (e) {
                $('#profile-img-tag').attr('src', e.target.result);
            }
            reader.readAsDataURL(input.files[0]);
        }
    }
    $("#profile-img").change(function(){
        readURL(this);
    });
</script>


</body>
</html>

Popularity 2/10 Helpfulness 4/10 Language javascript

Source: www.itsolutionstuff.com

Tags: database file image input javascript selected show

Link to this answer
Share Copy Link