JavaScript实现多文件上传功能

"该资源提供了一段JavaScript代码，用于在网页上实现类似网易邮箱添加附件的功能，支持用户上传多个文件。通过动态创建表格行来显示每个待上传的文件，并提供了删除附件的功能。" 在这段代码中，主要涉及了以下几个JavaScript知识点： 1. **DOM操作**： - `getElementById`: 通过ID获取HTML元素，这里是获取id为"fileTb"的表格。 - `getElementsByName`: 通过名称获取HTML元素集合，这里用于获取所有name为"fileTb"的表格。 - `insertRow`和`insertCell`: 分别用于在表格中插入新的行和单元格，实现动态添加上传文件的输入框。 - `deleteRow`: 删除表格中的指定行，用于删除附件。 - `innerHTML`: 设置或获取元素的HTML内容，用于插入新的表格行结构。 2. **事件处理**： - `onclick`: 为按钮元素添加点击事件监听器，调用`addTableRow`函数添加新的上传行。 - `DeleteRow`函数中的`onclick`属性，用于触发删除附件的操作。 3. **变量和函数**： - `addTableRow`函数：创建新行并插入文件输入框，同时添加删除按钮。 - `DeleteRow`函数：接收删除按钮作为参数，弹出确认对话框并删除对应的行。同时更新剩余行的序号。 4. **字符串操作**： - `sHTML`变量存储了HTML字符串，用于插入新的表格行结构。 5. **数组操作**： - 使用`for`循环更新剩余行的序号，确保每行的序号正确。 6. **属性访问**： - `text`属性用于获取或设置元素的文本内容，这里用于获取和设置删除按钮上的序号文本。 7. **事件传播**： - 当点击删除按钮时，事件会从按钮元素向上冒泡到表格行，进而触发`DeleteRow`函数。 这段代码适用于网页表单，允许用户通过浏览器的文件选择对话框选择文件进行上传，并且可以随时删除已选择的文件。需要注意的是，虽然代码提供了一个基本的界面和功能，但实际应用中还需要考虑文件上传的实现（例如使用Ajax异步上传）以及错误处理等细节。此外，为了兼容性和安全性，通常会使用更现代的API如`FormData`和`FileReader`来处理文件上传。