Tải lên biểu mẫu HTML của tệp

Allowing file upload to your website becomes necessary when you want to get the data from users in the form of a document, image, or file. HTML allows you to add the file upload functionality to your website by adding a file upload button to your webpage with the help of the tag. 

xác định trường chọn tệp và nút “Duyệt“ để tải tệp lên

cú pháp

ví dụ 1. Mã có chức năng tải lên tệp có thể được nhìn thấy bên dưới. Đầu ra hiển thị nút tải tệp lên có nội dung “Chọn tệp”. Với sự trợ giúp của nút này, chúng tôi có thể tải các tệp lên một trang web cụ thể

HTML

2

3____14

5

6

3____18____15

0______13

2

3

2

5

6

0

3

9

5

21

22

21

24

0

26

9

5

6

0_______13

32

33

34

35

21

37

34

39

5

41

21

3

44

45

34

47

48

44

5

21

3

53

54

34

56

57

34

47

60

34

47

63

21

3

66

67

66

63

21

3

53

54

34

35

63

0

26

32

5

26

8

5

6

26

4

5

 

đầu ra

tải lên tệp

ví dụ 2. Để xác định trường chọn tệp cho phép chọn nhiều tệp, hãy thêm thuộc tính ‘multiple‘ như sau

cú pháp

Bằng cách này, chúng tôi có thể tạo và tải nút tệp lên trang web của mình. Để đảm bảo rằng dữ liệu tệp được đọc từ tệp để gửi đến máy chủ, hãy đảm bảo sử dụng thuộc tính “enctype=”multipart/form-data” trong thẻ biểu mẫu. Nếu không sử dụng thuộc tính này thì dữ liệu của tệp sẽ không được đọc mà chỉ đọc được tên tệp

class="formbold-form-input"

Họ

class="formbold-form-input"

Họ

placeholder="jhon@mail. com"

class="formbold-form-input"

Thư

giữ chỗ="(319) 555-0115"

class="formbold-form-input"

Điện thoại

placeholder="Viết tin nhắn của bạn. "

class="formbold-form-input"

Thông điệp

website-thông tin-kiến trúc. pdf

@nhập url('https. //phông chữ. googleapis. com/css2?family=Liên. wght@400;500;600;700&display=swap');

họ phông chữ. "Liên", sans-serif;

formbold-input-flex > div {

hướng uốn. đảo ngược cột;

hướng uốn. đảo ngược cột;

viền dưới. 1px rắn #DDE3EC;

formbold-form-input. giữ chỗ {

formbold-form-input. tiêu điểm {

formbold-form-input. tập trung +. formbold-form-nhãn {

formbold-input-file input[type="file"] {

formbold-input-file. formbold-input-nhãn {

formbold-filename-wrapper {

biện minh cho nội dung. không gian giữa;

màu nền. #6A64F1;

bóng hộp. 0px 3px 8px rgba(0, 0, 0, 0. 05);

Làm cách nào để tải lên một tệp trong HTML JavaScript?

Tôi có thể tải tệp lên bằng HTTP không?