多附件上传组件代码(Add and Remove HTML elements dynamically with Javascript)

用JavaScript实现多文件选择功能

最新推荐文章于 2025-09-04 18:55:33 发布

转载最新推荐文章于 2025-09-04 18:55:33 发布 · 103 阅读

文章标签：

#javascript #ViewUI

博主在过去两天用JavaScript完成了多文件选择功能。实现基于参考资料，但使用时遇到‘mFile.children.value is null or not a object’错误，通过改为‘mFile.children[j].value’解决。还增加了在HTML INPUT元素中显示完整路径的迷你弹出窗口，部分代码片段来自参考资料。

Nov 17. 2005

In th e past two days, I finished the function of multiple file selection using javascript.

The implementation is built on the basis of reference (2). However, i encounter the following error when using it.

"mFile.children.value is null or not a object"

I solved this problem by changing it to

"mFile.children[j].value"

Another improvement is the addition of the mini popup window showing the full path appearing in the HTML INPUT element
. Without the popup window, part of a long path will be hidden. some code snippets (javascript functions) are from reference (3)

1. http://www.dustindiaz.com/add-and-remove-html-elements-dynamically-with-javascript/
2. http://www.yinhuchem.com/tree/gbook/blogview.asp?logID=26&cateID=2
3 .http://evget.com/articles/evget_1107.html (可编辑的 HTML JavaScript 表格控件 DataGrid)
4. 如何接收INPUTfield 的值 INPUT type=file Element | input type=file Objecthttp://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/objects/input_file.asp