如何在上传图片后添加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);
    }
}

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

Answer 1

你可以试试这个：

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

如何在上传图片后添加class？

How to add class after uploading an image?

javascript

image-upload