通過打開<input type =「file」>

Question

將照片插入到請告訴我，如何將照片插入<img>，當我打開 <input type = "file">並選擇任何文件？ 我該如何使用JS/JQuery？

Answer 1

使用 '的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); 
});