上傳前預覽圖片

Question

我有桌子 每行都有一個用於上傳圖像的單元格。 我想顯示預覽。 為此，我編寫了以下代碼：

var cell8 = row.insertCell(6);
var t8 = document.createElement("input");
t8.type = "file";
t8.id = "img" + index;
t8.name = "img" + index;

var a = document.getElementById('blah_img' + index + '');
a.src = window.URL.createObjectURL(this.files[0]);
t8.onchange = a.src;
cell8.appendChild(t8);

var oImg = document.createElement("img");
oImg.setAttribute('src', 'noimg.png');
oImg.setAttribute('alt', 'your image');
oImg.setAttribute('height', '100');
oImg.setAttribute('width', '100');
oImg.id = "blah_img" + index;
cell8.appendChild(oImg);

運行時給我一個錯誤：

未捕獲的TypeError：無法讀取未定義的屬性“ 0”。

我的代碼有什么問題？ 請幫忙。

Answer 1

很可能this.files是undefined 。 因此，它給出了錯誤。 代替this.files[0] ，嘗試t8.files[0]

Chobi是一個圖像處理庫 ，使用純Javascript實現，我設計了它來簡化此類操作。 你也可以檢查一下