HTML - 選擇文件名後顯示圖像


Answers

你可以用下面的代碼來實現它:

$("input").change(function(e) {

    for (var i = 0; i < e.originalEvent.srcElement.files.length; i++) {

        var file = e.originalEvent.srcElement.files[i];

        var img = document.createElement("img");
        var reader = new FileReader();
        reader.onloadend = function() {
             img.src = reader.result;
        }
        reader.readAsDataURL(file);
        $("input").after(img);
    }
});

演示: http://jsfiddle.net/ugPDx/ : http://jsfiddle.net/ugPDx/

Question

可能重複:
在上傳之前預覽圖像

我有一個允許我使用的表單

<input type="file" name="filename" accept="image/gif, image/jpeg, image/png">

瀏覽並選擇一個文件。

我想要做的是在圖像被選中後立即顯示該圖像。 這是在表單上的“提交”按鈕被按下之前,因此圖像幾乎肯定存在於客戶端。 這可以做到嗎?




Related