js实现动态添加上传文件页面

这篇文章主要为大家详细介绍了js实现动态添加上传文件页面,如何动态创建一个input标签示例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

发邮件是需要添加一些文件,每添加一个文件,页面上可以显示一个表单文件上传选项。

此功能为:初始时刻只有一个添加按钮,当点击添加文件时,会增加一个选择文件和删除区域,同时显示上传按钮,当点击删除,此行选择文件行消失,当所有选择文件项都消失时,上传按钮将被隐藏起来。下面是实例代码:

   动态添加文件上传列表 
上传文件:

此实例代码中,addFile将动态增加一个div区域,div区域包含一个file input标签和删除按钮。

动态创建一个input标签示例:

 //创建一个div标签,用以包含一个input标签和删除按钮 var innerdiv = document.createElement("div"); //创建一个input标签 var inputNode = document.createElement("input"); inputNode.name = "fileName"; inputNode.type="file"; innerdiv.appendChild(inputNode);

以上就是js实现动态添加上传文件页面的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » JavaScript 教程