上传多张图片，显示前答案

【问题标题】：Upload multiple images, before display上传多张图片，显示前
【发布时间】：2014-11-05 14:02:25
【问题描述】：

我想上传多张图片，我用这个来展示图片，但只适用于一张：

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%;">

我想上传图片，但在上传之前我想显示所有。以及如何从图像“预览”中获取不带扩展名的图像名称？

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

【问题讨论】：

.files[0] = 第一个文件。我没有看到用于处理其他文件的代码。

标签： jquery html image upload

【解决方案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);
}

【讨论】：