บทช่วยสอน วัตถุ HTML DOM FileUpload ที่ดีที่สุดในปี 2024 ในบทช่วยสอนนี้ คุณสามารถเรียนรู้ วัตถุ FileUpload,คุณสมบัติของวัตถุ FileUpload,คุณสมบัติมาตรฐานและเหตุการณ์ที่เกิดขึ้น,
แท็กเอกสาร HTML <input type = "แฟ้ม"> ปรากฏเวลาวัตถุ FileUpload ถูกสร้างขึ้นทุก
องค์ประกอบนี้มีช่องป้อนข้อความให้ใส่ชื่อไฟล์ที่มีปุ่มเพื่อเปิดกล่องโต้ตอบเลือกไฟล์กราฟิกเลือกไฟล์
แอตทริบิวต์มูลค่าขององค์ประกอบถือชื่อของไฟล์ที่ระบุโดยผู้ใช้ แต่เมื่อองค์ประกอบที่มีรูปแบบไฟล์ที่อัปโหลดจะถูกส่งเบราเซอร์จะส่งเนื้อหาของแฟ้มที่เลือกไปยังเซิร์ฟเวอร์มากกว่าเพียงแค่ส่งชื่อไฟล์
สำหรับเหตุผลด้านความปลอดภัยองค์ประกอบไฟล์ที่อัปโหลดไม่อนุญาตให้ผู้เขียน HTML หรือโปรแกรมเมอร์ JavaScript เพื่อระบุชื่อแฟ้มเริ่มต้น แอตทริบิวต์ค่า HTML จะถูกละเว้นและมันเป็นสำหรับประเภทขององค์ประกอบนี้คุณสมบัติค่าอ่านอย่างเดียวซึ่งหมายความว่ามีเพียงผู้ใช้สามารถป้อนชื่อไฟล์ เมื่อผู้ใช้เลือกไฟล์หรือแก้ไขชื่อองค์ประกอบไฟล์อัพโหลดเรียกตัวจัดการเหตุการณ์ onChange
คุณสามารถ [] อาร์เรย์หรือการเข้าถึงวัตถุ FileUpload โดย traversing องค์ประกอบของแบบฟอร์มโดยใช้ document.getElementById ()
W3C: มาตรฐาน W3C
属性 | 描述 | W3C |
---|---|---|
disabled | 设置或返回是否禁用 FileUpload 对象。 | Yes |
accept | 设置或返回指示文件传输的 MIME 类型的列表(逗号分隔)。 | Yes |
form | 返回对包含 FileUpload 对象的表单的引用。 | Yes |
name | 设置或返回 FileUpload 对象的名称。 | Yes |
type | 返回表单元素的类型。对于 FileUpload ,则是 "file" 。 | Yes |
value | 返回由用户输入设置的文本后,FileUpload 对象的文件名。 | Yes |
FileUpload วัตถุนอกจากนี้ยังสนับสนุนมาตรฐาน คุณลักษณะ และ เหตุการณ์ที่เกิดขึ้น