上传文件onClick而不按按钮

Posted 2023-02-24

【中文标题】上传文件onClick而不按按钮

【英文标题】：upload file onClick without pressing button

【发布时间】：2011-03-24 08:42:16

【问题描述】：

我正在使用js上传文件到使用这个的服务器

<form name="form" action="" method="POST" enctype="multipart/form-data" style="float:left;">
   <input id="fileToUpload" type="file" name="fileToUpload" class="input">
   <button class="button" id="buttonUpload" onClick="return ajaxFileUpload();">Upload</button>
</form> 

我可以在浏览文件并在输入中发送后返回ajaxFileUpload();，而不是单击“上传”按钮吗？

我试过了

<form name="form" action="" method="POST" enctype="multipart/form-data" style="float:left;">
    <input id="fileToUpload" type="file" name="fileToUpload" class="input" onClick="return ajaxFileUpload();">
</form> 

但是当我点击文件输入时它会立即返回ajaxFileUpload();。有没有办法在它有一些输入后才返回它？

【参考方案1】：

尝试改用 onChange 事件。