javascript - 使用 AjaxFileUpload 函数

Question

我正在使用 AjaxFileUpload 脚本并且它运行良好，但是我试图让它需要按下一个按钮。现在，当您在文件浏览器中找到要上传的图片后，它会直接触发。我不知道为什么，我认为插件是这样写的，但也许你可以看看逻辑:

此方法有效:文件在提交后立即上传。

<form method="post" action="" enctype="multipart/form-data">
    <label>File Input: <input type="file" name="file" id="demo1" /></label>
    <div id="uploads">

    </div>
</form>
<script type="text/javascript">
    $(document).ready(function() {
        $("#demo1").AjaxFileUpload({

    });
</script>

这个方法不行。单击提交按钮将不会执行任何操作。但是，第二次浏览文件(第二次单击文件按钮)时，其操作方式与第一种方法相同。

<form method="post" action="" enctype="multipart/form-data">
    <label>File Input: <input type="file" name="file" id="demo1" /></label>
    <div id="uploads">

    </div>
</form>
<input class = "Submit" name="Submit" type="button" value="Submit" />
<script type="text/javascript">
    $(document).ready(function() {
        $(".Submit").click(function(){
            $("#demo1").AjaxFileUpload({

            });
        });
    });
</script>

我认为这里缺少一个基本的编程问题。如果您对此插件的(简短)代码感兴趣，请访问以下链接:https://github.com/davgothic/AjaxFileUpload/blob/master/jquery.ajaxfileupload.js

Answer 1

此时您可能已经解决了这个问题。但是为了其他人可能会来这里寻找相同问题的答案，这里是如何完成的。

ajaxfileupload 方法调用中有一个参数，叫做submit_button。如果你设置它，当你选择它时，文件将不会自动上传。该方法实际上会等待您按下指定的按钮以进行上传。

根据您提供的示例，可以这样做:

向提交按钮添加一个 ID(尚未使用 JQuery 类说明符进行测试):

<input class = "Submit" name="Submit" id="Submit" type="button" value="Submit" />

然后添加submit_button参数:

$("#demo1").AjaxFileUpload({
    // other parameters omitted like in example provided
    'submit_button': $('#Submit')
});