javascript 上传多个附件

最新推荐文章于 2024-08-20 15:46:47 发布

gcguchao

最新推荐文章于 2024-08-20 15:46:47 发布

阅读量204

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript+Ajax+JQuery+Ext 文章标签： JavaScript 文件上传 ViewUI

本文链接：https://blog.youkuaiyun.com/gcguchao/article/details/83434415

JavaScript+Ajax+JQuery+Ext 专栏收录该内容

16 篇文章

订阅专栏

本文介绍了一种在网页上实现批量上传附件的方法，通过JavaScript动态生成文件输入框及删除按钮，方便用户进行多文件上传操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近工作上需要实现可以上传多个附件的功能，网上查找些代码，觉得很好用，与大家分享！结合到大家的应用中还要做进一步的扩展！

<html>
<head>
<script language="javascript">
      function addFile() {
           var fileDiv = document.all['fileDiv'];
           var strHtml = '<span><input type="file" />&nbsp;&nbsp;<button onclick="removeFile(parentNode);">删除</button><br></span>';
           
           fileDiv.innerHTML += strHtml;
      }
      
      function removeFile(obj) {
           obj.removeNode(true);
      }
</script>
</head>
<body>
<form enctype="multipart/form-data">
      <div id="fileDiv"></div>
      <a href="javascript:void(addFile());" class="file">添加附件</a>
</form>
</body>
</html>