小编use*_*241的帖子

循环遍历FileReader的文件,输出始终包含循环的最后一个值

我正在使用FileReader API来读取本地文件.

<input type="file" id="filesx" name="filesx[]" onchange="readmultifiles(this.files)" multiple="" />

<script>
function readmultifiles(files) {
    var ret = "";
    var ul = document.querySelector("#bag>ul");
    while (ul.hasChildNodes()) {
        ul.removeChild(ul.firstChild);
    }
    for (var i = 0; i < files.length; i++)  //for multiple files
    {
        var f = files[i];
        var name = files[i].name;
        alert(name);
        var reader = new FileReader();  
        reader.onload = function(e) {  
            // get file content  
            var text = e.target.result;
            var li = document.createElement("li");
            li.innerHTML = name + "____" + text;
            ul.appendChild(li);
        }
        reader.readAsText(f,"UTF-8");
    } …
Run Code Online (Sandbox Code Playgroud)

html javascript filereader dom-events

40
推荐指数
3
解决办法
4万
查看次数

标签 统计

dom-events ×1

filereader ×1

html ×1

javascript ×1