How to add class after uploading an image?

Viewed 127

Why this code is not working?

 function previewFile() {
    var preview = document.querySelector('img');
    var file    = document.querySelector('input[type=file]'='class="rounded-circle"').files[0];
    var reader  = new FileReader();

    reader.addEventListener("load", function () {
        preview.src = reader.result;
    }, false);

    if (file) {
        reader.readAsDataURL(file);
    }
}

I want to add class of rounded-circle after uploading an image.

1 Answers

You can try this:

reader.addEventListener("load", function () {
    preview.src = reader.result;
    preview.classList.add("rounded-circle");
}, false);
Related