Hướng dẫn tạo file bằng javascript

Hướng dẫn cách upload file bằng JavaScript. Bạn sẽ biết cách upload file cũng như cách lấy các thông tin của file upload như đường dẫn, ngày sửa đổi cuối cùng, kích thước file và kiểu MIME của file bằng JavaScript sau bài học này.

Tạo hộp thoại Upload file trong HTML

Để tạo hộp thoại Upload file trong HTML, chúng ta sử dụng tới thẻ input với thuộc tính type có giá trị bằng file như sau:

Khi click vào nút Chọn tệp, một hộp thoại giúp người dùng chọn file muốn upload sẽ hiện ra. Lưu ý giao diện của hộp thoại này sẽ tuỳ thuộc vào môi trường của bạn. Ví dụ với máy của Kiyoshi dùng môi trường tiếng Nhật nên hộp thoại sẽ như sau:

Bài viết liên quan

• Lấy giá trị bảng chọn màu color picker bằng JavaScript

• Lấy dữ liệu trong textarea JavaScript

• Lấy dữ liệu trong textbox JavaScript

• Lấy giá trị checkbox bằng JavaScript

• Lấy giá trị của thẻ select trong JavaScript

• Lấy giá trị radio bằng JavaScript

• Lấy giá trị thanh trượt slider bằng JavaScript

• Cộng trừ ngày tháng trong JavaScript