Ví dụ tải lên nhiều tệp html
Tôi đang nghiên cứu một thứ hơi thú vị với điều khiển tải lên nhiều tệp, nhưng trong khi điều đó đang được phát triển, tôi nghĩ rằng tôi muốn chia sẻ một mẹo nhanh về cách làm việc với điều khiển tải lên nhiều tệp nói chung Show Nếu bạn không rõ tôi đang nói về điều gì, ý tôi chỉ đơn giản là thêm thuộc tính multiple vào thẻ đầu vào để tải tệp lên. như vậy
Trong các trình duyệt hỗ trợ nó, người dùng sẽ có thể chọn nhiều tệp. Trong các trình duyệt không hỗ trợ, nó vẫn hoạt động tốt dưới dạng kiểm soát tệp, nhưng chúng bị giới hạn ở một tệp. Về lý thuyết, điều này khá đơn giản để sử dụng, nhưng có một vấn đề về trải nghiệm người dùng khiến tôi khó chịu. Đây là ảnh chụp màn hình của một biểu mẫu sử dụng điều khiển này. Tôi đã chọn hai tệp Nhận thấy một cái gì đó? . Bây giờ rõ ràng ở dạng nhỏ như thế này thì đó không phải là vấn đề lớn, nhưng ở dạng lớn hơn, người dùng có thể quên hoặc chỉ muốn kiểm tra lại trước khi họ gửi biểu mẫu. Thật không may, không có cách nào để làm điều đó. Nhấp vào nút Duyệt qua chỉ cần mở lại bộ chọn tệp. Đáng ngạc nhiên là IE xử lý việc này tốt nhất. Nó cung cấp một danh sách chỉ đọc những gì bạn đã chọn Người ta có thể sử dụng một chút CSS để làm cho trường đó lớn hơn một chút cho chắc chắn và dễ đọc hơn, nhưng bạn hiểu ý. Vậy làm cách nào chúng tôi có thể cung cấp một số phản hồi cho người dùng về những tệp họ đã chọn? Trước tiên, hãy thêm một trình xử lý thay đổi đơn giản vào trường nhập liệu của chúng ta
Tiếp theo, hãy viết một trình xử lý sự kiện và xem liệu chúng ta có thể truy cập vào thuộc tính tệp của sự kiện không. Không phải tất cả các trình duyệt đều hỗ trợ điều này, nhưng trong những trình duyệt hỗ trợ, chúng ta có thể liệt kê chúng
Đối tượng tệp cung cấp cho chúng ta một vài thuộc tính, nhưng thuộc tính mà chúng ta quan tâm là tên. Vì vậy, hãy tạo một bản demo đầy đủ về điều này. Tôi sẽ thêm một div nhỏ bên dưới trường nhập liệu của mình và sử dụng nó làm nơi liệt kê các tệp của tôi
Khá đơn giản, phải không? . https. //tĩnh. raymondcamden. com/demos/2013/sep/10/test0A. html. Và đây là ảnh chụp màn hình nhanh trong trường hợp bạn đang xem nội dung này trong trình duyệt không tuân thủ Khá đơn giản, phải không? . Một số trình duyệt hỗ trợ FileReader (MDN Reference), một cách đọc tệp cơ bản trên hệ thống người dùng. Chúng tôi có thể kiểm tra hỗ trợ FileReader và sử dụng nó để cung cấp bản xem trước hình ảnh. Tôi sẽ chia sẻ mã trước và sau đó giải thích cách thức hoạt động của nó Chỉnh sửa vào ngày 11 tháng 9. Xin chân thành cảm ơn Một số ý tưởng về một lỗi nhỏ ngu ngốc trong mã của tôi mà tôi đã bỏ lỡ trong lần chuyển đầu tiên. Tôi đã tạo ra một lỗi mảng/gọi lại cổ điển và không nhận thấy nó. Tôi đã sửa mã và ảnh chụp màn hình, nhưng nếu bạn muốn xem mã bị hỏng, hãy xem nguồn trên https. //tĩnh. raymondcamden. com/demos/2013/sep/10/test0orig. html
Bài Viết Liên QuanQuảng CáoCó thể bạn quan tâmToplist được quan tâm#1
Top 4 uống nước chanh sả mật ong có tác dụng gì 20237 tháng trước#2
Top 10 bài tập làm văn số 5 lớp 7 de 4 20237 tháng trước#3
Top 3 vừa chơi đã có tài khoản vương giả chap 1 20237 tháng trước#4
Top 6 anh sẽ on thôi cover phạm nguyên ngọc lyrics 20237 tháng trước#6
Top 7 hãy ra khỏi người đó đi hợp âm 20237 tháng trước#7
Top 6 giáo án thơ về thăm nhà bác 20237 tháng trước#8
Top 8 giáo án ngữ văn 6 cánh diều 20237 tháng trước#9
Top 9 tinh bột tham gia phản ứng nào 20237 tháng trướcQuảng cáoXem NhiềuQuảng cáoChúng tôiTrợ giúpBản quyền © 2021 Hàng Hiệu Inc.
|