javascript - input file增加multiple后如何获取选中文件的路径？

Question

input file在单选的时候可以通过id来获取input标签的value从而得知file的路径。但是增加multiple后，读取input标签的value读取到的路径却只是第一个文件的路径，其他的文件路径都读不了出来。
请问input file multiple选取多个文件后如何获取选中文件的路径？

天蓬老师 · Answer



   
   
var test = document.getElementById('test');
test.addEventListener('change', function() {
    var t_files = this.files;
    var str = '';
    for (var i = 0, len = t_files.length; i < len; i++) {
        console.log(t_files[i]);
        str += '' + t_files[i].name + '';
    };
    document.getElementById('content').innerHTML = str;
}, false);