通过打开<输入类型 = “文件”>将照片插入 <img>

Insert a photo to <img> by opening <input type = "file">

本文关键字:照片 img 插入 文件 类型 输入      更新时间:2023-09-26

请告诉我,当我打开照片时,如何将照片插入<img> <input type = "file">并选择任何文件?如何使用 JS/JQuery?

使用 '

FileReader' 对象:

$("#yourinput").change(function () {
    var file = this.files[0];
    var reader = new FileReader();
    reader.onload = function (e) {
        $("#yourimg").attr("src", e.target.result);
    }
    reader.readAsDataURL(file);
});