在textarea中插入图片（好）

leveretz

于 2022-11-11 10:05:16 发布

阅读量1.2k

点赞数 1

文章标签： javascript 前端 html

原文链接：http://t.zoukankan.com/223zzm-p-11567508.html

版权

原文地址：在textarea中插入图片 - 走看看

设置div的contenteditable属性为true可以模仿富文本

<div class="text" contenteditable="true"></div>
<input @change="chooseImg" type="file" accept="image/*" />

chooseImg(e) {
    var reader = new FileReader();
    reader.onload = function(e) {
        const str =
            "<img style='100%' src='" +
            e.target.result +
            "'><br /><br />";
        let ele = document.querySelector(".text");
        ele.innerHTML = ele.innerHTML + str;
    };
    reader.readAsDataURL(e.target.files[0]);
}