Question

我想上传多张图片，我将其用于展示图片，但仅适用于一张图片：

function PreviewImage() {
    var oFReader = new FileReader();
    oFReader.readAsDataURL(document.getElementById("uploadImage").files[0]);

    oFReader.onload = function (oFREvent) {
        document.getElementById("uploadPreview").src = oFREvent.target.result;
    };
};

和html

<input id="uploadImage" type="file" name="myPhoto" onchange="PreviewImage();" multiple>
<img id="uploadPreview" style="max-width: 100%; height: 100%;">

我想要上传图片，但在上传之前我想要全部显示。以及如何在没有图片的情况下获取图片名称＆＃34;预览＆＃34;？

谢谢:)请帮助，最好的问候！

Answer 1

这是一种上传多个文件的方式： - 我不确定我是否理解了你的问题。如果我不完全理解，请告诉我。

var input = document.getElementById('inputname');
var list = document.getElementById('fileList');

while (list.hasChildNodes()) {
    list.removeChild(ul.firstChild);
}

for (var x = 0; x < input.files.length; x++) {

    var li = document.createElement('li');
    li.innerHTML = 'File ' + (x + 1) + ':  ' + input.files[x].name;
    list.append(li);
}

在显示之前上传多个图像

1 个答案: