javascript - 複数のアップロードされた html ファイルを処理する

Question

私の仕事は、複数の html ファイルをアップロードし、それらのコンテンツを自分の html にコピーすることです。

そして、これがhtml部分です：

<input type="file" id="fi" onChange="xx();" multiple>UPLOAD</span>

JavaScript 部分:

function xx (){        

    var fi = document.getElementById('fi').files[0];

    reader.onload = function (e){

        var reader = new FileReader();


        var inn = document.getElementById("main_text");  
        inn.innerHTML="";        
        var inner ="";
        inner  += this.result;                         
        inn.innerHTML ="<div class='paper'>"+inner+"</div>";
        <!--codes-->

    }
    reader.readAsText(fi);
}

コード内の不要な部分は既に削除しています。もともと単一のファイルしか扱えません。multiple次に、html 入力コードに属性を追加しました。

この行では、最後files[0]にどのファイルを読み取るかを決定しているようです。 var fi = document.getElementById('fi').files[0];

アップロード機能で複数のhtmlページを処理するという目標をアーカイブするように変更するにはどうすればよいですか?

どうもありがとう！