2014-11-05 137 views
0

之前我要上传多张图片,我用这个节目的形象,但只适用于一个:上传多张图片,显示

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

我要上传图片,但上传之前我想显示所有。 而我如何得到没有从图像“预览”扩展的图像名称?

谢谢:)请帮助,最好的问候!

+0

.files [0] =第一个文件。我看不到处理其他文件的代码。 – 2014-11-05 14:12:46

回答

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); 
}