在FileReader（）函数相关脚本中需要帮助

Question

脚本获取文件信息，如文件名和路径，在第一个文件选择时，脚本显示当前文件名和路径。但在第二个文件选择时，第一个文件路径由第二个文件路径更改。实际上，它会用第二个文件覆盖第一个文件路径。

＆＃13;

＆＃13;

$('input').change(function () {
    for (var i=0, len = this.files.length; i < len; i++) {
        (function (j, self) {
            var reader = new FileReader()
            reader.onload = function (e) {
                $('ul').append('<li><img src="' + e.target.result + '">' + self.files[j].name + '<p class="names"></p></li>');
                var thumbName = $(".slide-thumb-name").val();
                $(".names").html(thumbName);
            }
            reader.readAsDataURL(self.files[j])
        })(i, this);
    }
});

＆＃13;

ul li{
                list-style:none;
                width:150px;
                display:inline-block;
                background-color:#f1f1f1;
                border: 1px solid #e3e3e3;
                margin:3px 0;
                padding:10px;
            }
            ul li img{
                max-width:100%;
                height:20px;
            }

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<input type="file" multiple class="slide-thumb-name"/>
<ul></ul>

＆＃13;

＆＃13;

＆＃13;

请参阅两个选定文件的文件路径：