Question

我尝试上传ajax，但我不想做一个提交按钮。只需让用户在选择文件时自动提交..

我尝试使用change()来更改表单数据，但在第二次单击后，它不会只提醒一次。我不知道为什么，有没有更好的想法让它发挥作用！

HTML

<div class="article-create">
    <table class="table">
        <td>
            <form action="" enctype="multipart/form-data" method="post">
                <input type="file" name="image" class="browseimage">
            </form>
            <li class="browseimage-fake btn btn-success btn-sm">Choose File</li>

JS

$('.article-create .table').on('click', '.browseimage-fake', function() {
    $(this).closest('td').find('.browseimage').click();

    $(this).closest('td').find('.browseimage').change(function(){
        alert('change');

        // check FormData and ajax ..
    });
});

Answer 1

试试这段代码。提醒电话只有一次：

$(document).on('change', '.browseimage', function(){
    alert('change');
    // check FormData and ajax ..
});

http://jsfiddle.net/E9mPw/20/

Answer 2

简单的JQUERY更改功能。

$(".browseimage-fake").change(function() {
console.log("changed")
});

Answer 3

此代码适用于我，但仅限于我有action的{{1}}属性的有效网址。

form

选择文件自动提交后的ajax上传文件

3 个答案: