上传图片后如何添加class？

Question

为什么这段代码不起作用？

 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);
    }
}

上传图片后，我想添加rounded-circle class。

Answer 1

你可以试试这个：

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