如何使用jQuery异步上传文件？

将文件从本地机器上传到服务器称为文件上传。它的工作原理与定义完全相同，当我们从浏览器中选择文件并单击提交按钮时，浏览器从本地机器获取文件并将其提交给服务器，服务器完成其工作将文件保存到定义的路径。这里使用ajax和jQuery异步上传文件。

使用的函数：

• FormData()：它创建一个新的 FormData 对象。
• FormData.append()：它将新值附加到 FormData 对象内的现有键上，或者如果键不存在则添加该键。
• move_uploaded_file()：它将上传的文件移动到新位置。

运行程序的步骤：

• 在 xampp/htdocs 目录下创建一个文件夹upload 。
• 根据需要复制和编辑 html/jQuery 代码。
• 创建文件上传。 PHP并复制下面给出的PHP代码。
• 启动Apache 服务器并使用浏览器打开 html 文件。
• 选择任何文本或图像文件，然后单击上传按钮。
• 该文件将上传到 xamp/htdocs 中的“upload”文件夹。
• 如果文件是图像，它也会被显示，如果不是图像文件，则将显示“上传的文件没有图像”消息。

例子：

• 上传。 PHP

• HTML文件：

      
          Async file upload with jQuery
      
        
      
      
  
    
  
      
          
     
              
                  
                  
              
          
          
         
      
          $(document).ready(function() {
              $("#but_upload").click(function() {
                  var fd = new FormData();
                  var files = $('#file')[0].files[0];
                  fd.append('file', files);
         
                  $.ajax({
                      url: 'upload.php',
                      type: 'post',
                      data: fd,
                      contentType: false,
                      processData: false,
                      success: function(response){
                          if(response != 0){
                             alert('file uploaded');
                          }
                          else{
                              alert('file not uploaded');
                          }
                      },
                  });
              });
          });
      
  
    

输出：

jQuery 是一个开源 JavaScript 库，它简化了 HTML/CSS 文档之间的交互，它以其“少写，多做”的理念而广为人知。
您可以按照此 jQuery 教程和 jQuery 示例从头开始学习 jQuery。