Hướng dẫn how do you select multiple files to upload in html? - làm cách nào để bạn chọn nhiều tệp để tải lên trong html?

Làm thế nào để chọn nhiều tệp với ?

xấp xỉ

6,86216 Huy hiệu vàng 50 Huy hiệu bạc59 Huy hiệu Đồng16 gold badges50 silver badges59 bronze badges

Đã hỏi ngày 20 tháng 10 năm 2009 lúc 8:42Oct 20, 2009 at 8:42

3

Câu trả lời mới:

Trong HTML5, bạn có thể thêm thuộc tính

 
    
    Submit

Câu trả lời cũ:

Bạn chỉ có thể chọn 1 tệp cho mỗi

 
    
    Submit

1. Nếu bạn muốn gửi nhiều tệp, bạn sẽ phải sử dụng nhiều thẻ đầu vào hoặc sử dụng Flash hoặc Silverlight.

Đã trả lời ngày 20 tháng 10 năm 2009 lúc 8:48Oct 20, 2009 at 8:48

ZippyvzippyvZippyV

12.3k3 Huy hiệu vàng35 Huy hiệu bạc52 Huy hiệu Đồng3 gold badges35 silver badges52 bronze badges

9

Ngoài ra còn có HTML5

 
    
    Submit

Hỗ trợ trình duyệt khá tốt trên máy tính để bàn (không được IE 9 trở lên), ít hơn trên thiết bị di động, tôi đoán vì việc triển khai chính xác tùy thuộc vào nền tảng và phiên bản khó khăn hơn.

Đã trả lời ngày 19 tháng 3 năm 2011 lúc 19:06Mar 19, 2011 at 19:06

Sylbrusylbrusylbru

1.3911 Huy hiệu vàng10 Huy hiệu bạc17 Huy hiệu đồng1 gold badge10 silver badges17 bronze badges

1

Toàn bộ điều này trông giống như:

 
    
    Submit

Hãy chắc chắn rằng bạn có thuộc tính

 
    
    Submit

 
    
    Submit

user3840170

25.1k3 Huy hiệu vàng25 Huy hiệu bạc58 Huy hiệu Đồng3 gold badges25 silver badges58 bronze badges

Đã trả lời ngày 22 tháng 5 năm 2013 lúc 21:34May 22, 2013 at 21:34

mark.inmanmark.inmanmark.inman

2.4112 Huy hiệu vàng18 Huy hiệu bạc12 Huy hiệu đồng2 gold badges18 silver badges12 bronze badges

1

Plugin jQuery này (demo tải lên tệp jQuery) không có flash, trong biểu mẫu nó đang sử dụng:

Peter O.

31.4K14 Huy hiệu vàng77 Huy hiệu bạc92 Huy hiệu Đồng14 gold badges77 silver badges92 bronze badges

Đã trả lời ngày 13 tháng 11 năm 2012 lúc 0:29Nov 13, 2012 at 0:29

1

Bạn có thể làm điều đó ngay bây giờ với HTML5

Về bản chất, bạn sử dụng nhiều thuộc tính trên đầu vào tệp.

Đã trả lời ngày 5 tháng 7 năm 2013 lúc 22:35Jul 5, 2013 at 22:35

Costa Michailidiscosta MichailidisCosta Michailidis

7.31715 Huy hiệu vàng68 Huy hiệu bạc118 Huy hiệu đồng15 gold badges68 silver badges118 bronze badges

4

Thật dễ dàng ...

$('#file').on('change',function(){
     _readFileDataUrl(this,function(err,files){
           if(err){return}
           console.log(files)//contains base64 encoded string array holding the 
           image data 
     });
});
var _readFileDataUrl=function(input,callback){
    var len=input.files.length,_files=[],res=[];
    var readFile=function(filePos){
        if(!filePos){
            callback(false,res);
        }else{
            var reader=new FileReader();
            reader.onload=function(e){              
                res.push(e.target.result);
                readFile(_files.shift());
            };
            reader.readAsDataURL(filePos);
        }
    };
    for(var x=0;x

Đã trả lời ngày 30 tháng 11 năm 2017 lúc 14:32Nov 30, 2017 at 14:32

2

HTML5 đã cung cấp nhiều thuộc tính mới cho phần tử đầu vào có thuộc tính loại là tệp. Vì vậy, bạn có thể chọn nhiều tệp và IE9 và các phiên bản trước không hỗ trợ điều này.

Lưu ý: Hãy cẩn thận với tên của phần tử đầu vào. Khi bạn muốn tải lên nhiều tệp, bạn nên sử dụng mảng và không chuỗi làm giá trị của thuộc tính tên.

Ex: Input Type = "File" name = "MyPhotos []" nhiều = "Nhiều"

Và nếu bạn đang sử dụng PHP thì bạn sẽ nhận dữ liệu trong $ _Files và sử dụng var_dump (các tệp $ _) và xem đầu ra và xử lý ngay bây giờ bạn có thể lặp lại và thực hiện phần còn lại

Đã trả lời ngày 21 tháng 11 năm 2013 lúc 10:39Nov 21, 2013 at 10:39

Chỉ cần sử dụng thuộc tính

 
    
    Submit

0

Đọc thêm về nhiều thuộc tính

Đã trả lời ngày 25 tháng 7 lúc 14:13Jul 25 at 14:13

Sangwin Gawandesangwin GawandeSangwin Gawande

7.0668 Huy hiệu vàng48 Huy hiệu bạc62 Huy hiệu Đồng8 gold badges48 silver badges62 bronze badges

Đã trả lời ngày 13 tháng 6 năm 2014 lúc 19:58Jun 13, 2014 at 19:58

HTML5 đã cung cấp nhiều thuộc tính mới cho phần tử đầu vào có thuộc tính loại là tệp. Vì vậy, bạn có thể chọn nhiều tệp và IE9 và các phiên bản trước không hỗ trợ điều này.

Lưu ý: Hãy cẩn thận với tên của phần tử đầu vào. Khi bạn muốn tải lên nhiều tệp, bạn nên sử dụng mảng và không chuỗi làm giá trị của thuộc tính tên.

ex:

input type="file" name="myPhotos[]" multiple="multiple"

Và nếu bạn đang sử dụng PHP thì bạn sẽ nhận dữ liệu trong $ _Files và sử dụng var_dump (các tệp $ _) và xem đầu ra và xử lý ngay bây giờ bạn có thể lặp lại và thực hiện phần còn lại

Đã trả lời ngày 21 tháng 11 năm 2013 lúc 10:39

Chỉ cần sử dụng thuộc tính

 
    
    Submit

024 gold badges89 silver badges124 bronze badges

Đọc thêm về nhiều thuộc tínhDec 9, 2020 at 15:24

Đã trả lời ngày 25 tháng 7 lúc 14:13

							 

								
							  
														
							

								

																  programming
																  html
																  Input type=file
																  Upload file HTML
																
							
							
							
							

                                    Reply
                                    7
                                    0
                                     Chia sẻ