Question

是否可以使用javascript File API来读取未知ID的文件对象？

我使用custom file upload form代码中没有输入元素。它使用plupload.js API，我无法确定如何访问文件对象的内容。

例如，如果代码类似于第1行，我可以使用第2行的代码访问文件对象的内容

input type="file" id="data"
var finput = document.getElementById("data"); var f = finput.files[0];

我试过像document.files[0]这样的东西，但它不起作用。你知道类似的东西吗？

Answer 1

而不是document.files[0]，请尝试document.querySelectorAll('input[type="file"]')[0]。

＆＃13;

function demo(){
  var inpts=document.querySelectorAll('input[type="file"]');
  alert(inpts[0].className);
}

＆＃13;

<input type="file" class="file_input_a"><br>
<input type="file" class="file_input_b"><br>
<input type="file" class="file_input_b"><br>
<button onclick="demo()">Demo</button>

＆＃13;

上面的例子回显了文件输入0的类名（简单地说明我们有一个对它的引用）。
从这里你想要抓住（例如）第一个文件（来自第一个找到的input-element）：

var f = inpts[0].files[0];

^{PS：我的回答linked here中有很多相关的信息。}

javascript读取文件对象未知的id

1 个答案: