Question

我正在尝试使用此libary创建进度条。

但是我在最基本的例子中得到了这个错误：

未捕获的TypeError：无法读取未定义的属性“成功” 在r.fn.init.e.fn.ajaxSubmit（jquery.form.js：171）在HTMLFormElement.t（jquery.form.js：1026）在HTMLFormElement.dispatch（jquery-3.2.1.slim.min.js：3）在HTMLFormElement.q.handle（jquery-3.2.1.slim.min.js：3）

这是我的代码：

<head>
        <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha256-k2WSCIexGzOj3Euiig+TlR8gA0EmPjuc79OEeY5L45g=" crossorigin="anonymous"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.form/4.2.2/jquery.form.min.js" integrity="sha384-FzT3vTVGXqf7wRfy8k4BiyzvbNfeYjK+frTVqZeNDFl8woCbF0CYG6g2fMEFFo/i" crossorigin="anonymous"></script>


        <script>  
        $(document).ready(function() { 
            $('#fileUploadForm').ajaxForm(function() { 
                alert("Thank you for your comment!"); 
            }); 
        }); 
    </script> 
    </head>

<body>
        <form id="fileUploadForm" method="POST" enctype="multipart/form-data">
            <input type="file" name="files[]" multiple>
            <input type="submit" value="Prenesi">

        </form>
</body>

Answer 1

您的错误会告诉您脚本中引发错误的确切行。你没有成功的功能。将您的代码更改为此代码，它应该有效：

$(document).ready(function() { 
    $('#fileUploadForm').ajaxForm({
        success: function() {  
            alert("Thank you for your comment!");
        } 
    }); 
});

PHP和jQuery上传进度条

1 个答案: