jQuery文件上载-验证文件大小和扩展名

我正在使用jQuery文件上载，我的代码是：

$(function(){

        var ul = $('#upload ul');
     // Initialize the jQuery File Upload plugin
        $('#upload').fileupload({
            maxFileSize: 500,
            acceptFileTypes:  /(\.|\/)(gif|jpe?g|png)$/i,
            formData: {
                action: 'ja_upload_doc',
                cv_id: $('#cv_id').val(),
                first_name: $('#first_name').val(),
                last_name: $('#last_name').val(),
            },
            // This element will accept file drag/drop uploading
            dropZone: $('#drop'),

            // This function is called when a file is added to the queue;
            // either via the browse button, or via drag/drop:
            add: function (e, data) {

                // Automatically upload the file once it is added to the queue
                var jqXHR = data.submit().success(function (result, textStatus, jqXHR) {
                    console.log('Done');
               });
            },

            progress: function(e, data){
            },
            done:function(e, data){

                console.log(data);
            },
            fail:function(e, data){
                // Something has gone wrong!
                data.context.addClass('error');
            }

        });

    });

包括在内

jquery.ui.widget.js jquery.iframe-transport.js jquery.fileupload.js jquery.fileupload-ui.js jquery.fileupload.css

---

我还需要包括什么来进行验证吗？或者我的代码有问题吗？

要验证文件大小，只需使用：maxFileSize

要验证扩展，请使用：acceptFileTypes

---

要了解更多信息，请阅读此

您需要按照此顺序包含jquery.fileupload-process.js和jquery.fileupload-validate.js文件，以便能够进行验证。

您显然偏离了主题，因为OP问题是关于jquery的，您发布的是关于纯javascript的。另外，请在您的答案中添加更多的详细信息，而不仅仅是代码块。更不用说OP的问题与ASP.NET无关。如果您遇到同样的问题，此链接提供了答案：

maxFileSize: 500 // in byte 1024 * 1024 = 1Mb // for maximum size
minFileSize: 1   // in byte also

acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i

      <script type = "text/javascript">
        var counter = 0;
        function AddFileUpload() {
        var div = document.createElement('DIV');
        div.innerHTML = '<input id="file' + counter + '" name = "file' + counter +
         '" type="file" />' +'<input type="text" name="textbox' + counter + '" id="textbox' + counter + '" value=""  />' +
          '<input id="Button' + counter + '" type="button" ' +
          'value="Remove" onclick = "RemoveFileUpload(this)" />';
            document.getElementById("FileUploadContainer").appendChild(div);
            counter++;
        }
    function RemoveFileUpload(div) {
            document.getElementById("FileUploadContainer").removeChild(div.parentNode);
    }
    </script>

 html codes ////////////
 <div>
    <asp:Label ID="lblError" runat="server" Font-Bold="true" ForeColor="Red"> </asp:Label><br />
  <span style="font-family:Arial"><span style="color: #003366">&nbsp;Click to add files</span></span>
 <input id="Button1" onclick="AddFileUpload()" 
 style="height: 27px; width: 74px;" tabindex="25" type="button" value="add" /><br /> <br /><br />
  <div id="FileUploadContainer">
  <asp:FileUpload ID="FileUpload1" runat="server" />
  <input type="text" name="textbox' + counter + '" id="textbox' + counter + '" value=""  />
  <!--FileUpload Controls will be added here -->
                                                                                          </div>                                                                                         <br />                                                                                         <br />                                                                                          <br />
<asp:Button ID="btnUpload" runat="server" Text="Upload" onclick="btnUpload_Click" />
<br /><br />
/<TD>
    </div>