Trong bài đăng này, chúng ta sẽ xem cách tạo biểu mẫu liên hệ gửi tệp đính kèm bằng cách sử dụng jquery Ajax và PHP, đồng thời Chèn dữ liệu biểu mẫu liên hệ vào bảng cơ sở dữ liệu

Sử dụng biểu mẫu liên hệ có tệp đính kèm, người dùng có thể gửi tệp thông tin liên hệ tới người hỗ trợ hoặc quản trị viên. Điều này được tăng cường bằng cách cho phép nhiều tệp đính kèm thông qua biểu mẫu liên hệ. Một số độc giả của tôi muốn gửi mã cho điều này

Trong hướng dẫn này, chúng tôi xem xét một chương trình ví dụ để đính kèm email vào biểu mẫu liên hệ. Chúng tôi sử dụng PHPMailer thông qua SMTP để gửi email. Trong hướng dẫn trước, chúng ta đã thấy Gửi email có biểu mẫu liên hệ qua PHP và jQuery mà không cần tệp đính kèm

Trong ví dụ này, tôi đã hiển thị biểu mẫu liên hệ HTML để nhận thông tin chi tiết về người dùng với tệp đính kèm, nếu có. Sau khi gửi biểu mẫu này, các giá trị trường đầu vào sẽ được gửi đến tập lệnh email PHP thông qua AJAX. Mã PHP xử lý tập lệnh để gửi thư có tệp đính kèm và gửi phản hồi tới AJAX

1. Tạo kết nối cơ sở dữ liệu

dbconfig. php

2. Tạo Form liên hệ với File đính kèm

Mã HTML này được sử dụng để hiển thị các trường biểu mẫu liên hệ cho người dùng muốn gửi yêu cầu qua biểu mẫu này. Biểu mẫu này chứa dữ liệu để nhập tên, email, chủ đề, tin nhắn và tệp đính kèm

Tất cả các trường được yêu cầu trên biểu mẫu này. Vì vậy, hãy thêm xác thực javascript để kiểm tra độ mờ của tất cả các trường và xác thực email bằng regex. Tập lệnh xác thực này được gọi khi biểu mẫu này được gửi

mục lục. php

  
  Contact form send attachment using jquery ajax in PHP
  
  
  
  



Contact form send attachment using jquery ajax in PHP


  

    

      

        
        

          ×
          
        

        
        
          

             
          

          

             
          

          

             
          

          

             
          

          

             
          

          

            Send Message
          
  
        
      

    

  

jQuery AJAX Biểu mẫu liên hệ Thư Gửi tập lệnh với tệp đính kèm

Sau khi gửi biểu mẫu liên hệ, tập lệnh jQuery sau đây sẽ gửi yêu cầu gọi AJAX tới tập lệnh PHP và gửi dữ liệu từ biểu mẫu liên hệ. Nếu thành công, phản hồi AJAX xác nhận trạng thái gửi email cho người dùng

  $[document].ready[function[]{
    $["#contactForm"].on["submit",function[e]{
      e.preventDefault[];
      $["#btnSubmit"].text['Please wait..'];
      $["#btnSubmit"].prop["disabled", true];

      var formdata = new FormData[this];  
      
      $.ajax[{
        url  : "contacts_form.php",
        type : "POST",
        cache:false,
        data :formdata,
        contentType:false,
        processData:false,
        success:function[response]{
          $["#success"].text["Contact form submitted successfully"];
          $[".success"].show[];
          $["#btnSubmit"].text['Send Message'];
          $["#btnSubmit"].prop["disabled", false];
          $["#contactForm"].trigger['reset'];
        },
      }];
    }];
  }];

3. Tạo mã PHP Gửi thư liên hệ có tệp đính kèm

Trên trang này, chúng tôi tạo mã PHP để gửi dữ liệu đến các bảng cơ sở dữ liệu và chúng tôi cũng gửi email HTML từ máy chủ cục bộ sang PHP bằng PHPMailer. Tải xuống tệp PHPMailer từ Github