将文件单独添加到上载表中，并一次性上载所有文件（JavaScript）
我想创建一个自定义上载表，当我按add files时，它允许我选择一个或多个文件，并在上载表中填充其信息，如大小、名称、类型。在底部，它应该显示表上文件的总大小，当我点击上传按钮时，它应该上传表上的所有文件，稍后我将使用AJAX处理这些文件。。。任何帮助都将不胜感激 样本表： 编辑： 我无法获取所选文件的总数。如果我得到选择的文件总数，如何获得名称、类型、大小等属性将文件单独添加到上载表中，并一次性上载所有文件（JavaScript）,javascript,php,html,css,mysql,Javascript,Php,Html,Css,Mysql,我想创建一个自定义上载表，当我按add files时，它允许我选择一个或多个文件，并在上载表中填充其信息，如大小、名称、类型。在底部，它应该显示表上文件的总大小，当我点击上传按钮时，它应该上传表上的所有文件，稍后我将使用AJAX处理这些文件。。。任何帮助都将不胜感激 样本表： 编辑： 我无法获取所选文件的总数。如果我得到选择的文件总数，如何获得名称、类型、大小等属性 <!DOCTYPE html> <html> <head> <title>
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<form action="#" method="post" enctype="multipart/form-data">
<table id="myfiles" border="1px solid" cellpadding="1px" align="center" width="80%">
<tr>
<th>Filename</th>
<th>Size</th>
</tr>
<tr>
<th colspan="2" align="left">
Total upload size: <span id="totalsize"></span>
</th>
</tr>
<tr>
<th colspan="2">
<input type="file" id="addfiles" name="myfiles[]" multiple>
</th>
</tr>
</table>
</body>
</html>
javascript:
<script type="text/javascript">
addfiles.onchange = function(){
var a = document.getElementById('addfiles');
var tabl = document.getElementById('myfiles');
var totsize = 0;
//total no of files selected
no_of_files_selected = a.length;
for(var i = 0; i < (no_of_files_selected); i++){
var b = tabl.insertRow(-1);
b.insertCell(0).innerHTML = "filename here";
b.insertCell(1).innerHTML = "size of file here";
totsize = totsize + "size of individual file";
}
document.getElementById("totalsize").innerHTML = totsize + 'MB';
}
</script>
文件名
大小
总上载大小：
javascript:
addfiles.onchange=函数（）{
var a=document.getElementById（'addfiles'）；
var tabl=document.getElementById（'myfiles'）；
var-totsize=0；
//所选文件的总数
所选文件的数量=a.length；
对于（变量i=0；i<（未选择任何文件）；i++）{
var b=表格插入行（-1）；
b、 insertCell（0.innerHTML=“filename here”；
b、 insertCell（1.innerHTML=“此处文件的大小”；
totsize=totsize+“单个文件的大小”；
}
document.getElementById（“totalsize”）.innerHTML=totsize+'MB'；
}