php - AJAX 文件上传 onchange 而不是 onsubmit

Question

我正在使用以下代码来实现一个 iframe，该 iframe 允许在提交表单时上传 ajax 文件而无需刷新。

这按预期工作

window.onload=init; 
function init() {
document.getElementById('form').onsubmit=function() {
    document.getElementById('form').target = 'iframe'; 
            }
        }

我想做的是同样的事情，但onchange文件字段输入的“”，即当用户选择一个文件时，自动触发该init()功能并上传文件。我试过这段代码：

document.getElementById('file').onchange=function(){...

这不起作用，我完全被卡住了。有任何想法吗？

非常感谢

Answer 1

这应该适合你

<script type="text/javascript">

window.onload = function() {

    // add old fashioned but reliable event handler
    document.getElementById('file_input').onchange = function() {
        // submit the form that contains the target element
        this.form.submit();
    }
}

</script>

<iframe name="my_iframe"></iframe>

<form target="my_iframe"
      action="your/file.ext"
      method="post"
      enctype="multipart/formdata">

    <input type="file" name="my_file" id="file_input">

    <!-- for no js users -->
    <noscript>
        <br/>
        <input type="submit">
    </noscript>

</form>

Answer 2

我认为.live()之类的东西有望解决您的问题，如果您想了解有关如何使用它的更多信息，请发表评论...

Answer 3

给文件输入元素一个 id 并且：

$(document).ready(function(){
  $(element).change(function(e){
    fileInfo = e.currentTarget.files[0];
    init();
  });
});