javascript - 如何浏览后自动开始上传？

Question

有没有一种方法可以在用户使用

浏览文件后使用事件自动调用函数

<input type="file">

在过去的一个小时里我一直在尝试寻找一些东西，但失败了，我发现我应该尝试 onchange 但也失败了..

Answer 1

有一个办法:

<input type="file" onchange="myFunction()">

onchange 很简单。所以，我猜测触发的代码失败了。您需要能够从 INPUT 对象检索文件。要将文件作为函数调用的参数传递，您可以使用如下内容:

<form class='frmUpload'>
  <input name="picOneUpload" type="file" accept="image/*" onchange="picUpload(this.parentNode)" >
</form>

如果你这样做，传递的参数是来自 FORM 的一个对象，那么你需要获取 FORM 对象内部的 INPUT 对象。

如果你想避免这种情况，你可以使用这样的东西:

<input name="picOneUpload" type="file" accept="image/*" onchange="picUpload(this.files[0])" >

将第一个文件从 INPUT 对象传递到 picUpload 函数。