這是我在 javascript 中實作的。因此，如果用戶上傳影像，它將顯示影像和影像名稱。所以現在我可以上傳單個影像。那么在這種情況下我們如何上傳多張圖片如果有人有想法請告訴我
<p><input type="file" accept="image/*" name="image" id="file" onchange="loadFile(event)" style=""></p>
<p><img id="output" width="200" /></p>
<script>
var loadFile = function(event) {
var image = document.getElementById('output');
image.src = URL.createObjectURL(event.target.files[0]);
};
</script>
uj5u.com熱心網友回復：
您可以使用multiple屬性 oninput來接受多個影像，并使用for回圈來遍歷檔案并顯示每個檔案。
var loadFile = function(event) {
for (let i = 0; i < event.target.files.length; i ) {
var image = document.createElement('img');
image.src = URL.createObjectURL(event.target.files[i]);
image.id = "output";
image.width = "200";
document.querySelector(".cont").appendChild(image);
}
};<p><input multiple type="file" accept="image/*" name="image" id="file" onchange="loadFile(event)" style=""></p>
<p class="cont"></p>轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/353988.html
標籤：javascript