Question

我有这个小提琴http://jsfiddle.net/Sapphion/HcD9c/light/我在其中使用了div部分来显示通过浏览谷歌浏览器

中的文件夹获得的文件名和文件夹列表

WORKS：

<input type="file" id="files" name="files[]" multiple webkitdirectory />
<div id="output"></div>

不工作：

<input type="file" id="files" name="files[]" multiple webkitdirectory />
<div id="output"></div>
 <textarea id="output" cols="60" rows="10"></textarea>

我已将其修改为http://jsfiddle.net/HcD9c/57/，我将数据输入到textarea中。但这似乎不会发生。仅将第一个元素输入文本框。

感谢您的帮助。

约翰

Answer 1

您不能使用innerHTML为textarea添加值。您需要使用value属性。使用下面的javascript。

 var input = document.getElementById('files');
 var output = document.getElementById('output');
 var targ = event.target || event.srcElement;

 input.onchange = function(e) {
 var files = e.target.files; // FileList
 for (var i = 0, f; f = files[i]; ++i){
    console.debug(files[i].webkitRelativePath);
    output.value += targ.textContent || targ.innerText + files[i].webkitRelativePath+"\n";  
}
}

JSFIDDLE DEMO HERE

无法将webkitRelativePath数据输入textarea

1 个答案: