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>

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

最佳答案

用这个：

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

            });

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

    });
</script>

myform是表单的ID。

HTML：

<form method="post" action="" enctype="multipart/form-data" id="myform">
    <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" />