Javascript 使用AjaxFileUpload函数

我正在使用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>

我想这里有一个基本的编程问题，我不知道。如果您对该插件的简短代码感兴趣，请点击以下链接：

使用此链接：

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

            });

        $(".Submit").click(function(){
            $("#myform").submit();
        });

    });
</script>

myform是表单的id

HTML:

---

在这一点上，您可能已经解决了这个问题。但为了其他可能会来这里为同样的问题找到答案的人，这里是如何做到的

ajaxfileupload方法调用中有一个参数，称为submit_按钮。如果设置了该选项，则选择该文件时不会自动上载该文件。该方法实际上会等待您按下指定的按钮以进行上载

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

向提交按钮添加未使用JQuery类说明符测试的ID：

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

---

使用https://github.com/LPology/Simple-Ajax-Uploader 使用回调函数onChange filename，extension，uploadBtn或onSubmit filename，extension，uploadBtn在第一个html代码中没有找到提交按钮！！！好的，对不起，还是不行。一旦我从文件浏览器中选择文件，它就会将其上载。我仍然无法控制AjaxFileUploade函数如果你想跳过这一步，有一个与IE7+兼容的库，firefox，chrome等等。不需要表单，也不需要swf。。。

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

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