javascript - input file增加multiple后如何获取选中文件的路径?
本文介绍了javascript - input file增加multiple后如何获取选中文件的路径?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
input file在单选的时候可以通过id来获取input标签的value从而得知file的路径。但是增加multiple后,读取input标签的value读取到的路径却只是第一个文件的路径,其他的文件路径都读不了出来。
请问input file multiple选取多个文件后如何获取选中文件的路径?
解决方案
<input type="file" multiple="multiple" id="test">
<p id='content'></p>
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 += '<a href="javascript:void(0)">' + t_files[i].name + '</a>';
};
document.getElementById('content').innerHTML = str;
}, false);
这篇关于javascript - input file增加multiple后如何获取选中文件的路径?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文