`
谷超
  • 浏览: 165942 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

javascript 上传多个附件

阅读更多

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

<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>

 

 

分享到:
评论
1 楼 cswcfs 2010-08-04  
很好 很简单  谢谢了

相关推荐

    javascript多附件上传

    JavaScript多附件上传是一种常见的Web开发功能,用于在网页上实现用户选择并上传多个文件。这一技术主要基于HTML5中的File API,它允许开发者在浏览器端处理文件,包括读取、写入和上传。本文将详细讲解JavaScript...

    javascript 静态 多附件上传

    综上所述,JavaScript静态多附件上传是一个综合性的技术问题,涉及到HTML5 File API、Ajax技术、前端验证以及服务器端处理等多个环节。理解和掌握这些知识点,能够帮助我们构建出高效、友好的文件上传功能。

    JavaScript上传多个文件

    这个标题为“JavaScript上传多个文件”的资源,显然提供了一个简洁而实用的解决方案,使得开发者能够在不复杂的代码结构下实现这一功能。 首先,我们需要了解HTML5引入的`&lt;input type="file"&gt;`元素的新特性,特别是...

    一款基于JavaScript实现的多附件上传表单添加类库源码及例子程序

    1. **选择文件界面**:通常会有一个或多个人性化的按钮或区域,允许用户选择多个文件。 2. **预览功能**:对于图片和某些支持预览的文件格式,类库可能会提供预览功能,让用户在上传前查看文件。 3. **文件队列...

    jquery实现多附件上传

    "jquery实现多附件上传"这个主题涉及到的是利用jQuery来创建一个功能,允许用户在网页上选择并上传多个文件。这在现代网页应用中是非常常见的需求,比如论坛、社交媒体或者在线协作平台。 在jQuery中实现多附件上传...

    上传多个附件的js及相关

    这个主题“上传多个附件的js及相关”主要关注如何使用JavaScript(js)技术来实现这一功能。JavaScript是一种客户端脚本语言,它允许我们在用户的浏览器上运行代码,为网页添加交互性。下面将详细介绍这个知识点,并...

    asp.net多附件上传实例代码

    在ASP.NET中,多附件上传是一项常见的功能,它允许用户一次性上传多个文件,例如图片、文档或其他类型的文件。本实例代码旨在提供一个详尽的解决方案,涵盖了多种不同的实现方法。以下将详细介绍这些方法及其关键...

    C#WEB上传控件,多附件上传

    在Web应用中,有时候我们需要实现文件上传的功能,特别是处理用户需要上传多个附件的情况。本压缩包提供的" C#WEB上传控件"就是为了满足这种需求,允许用户一次性上传多个文件。 这个控件的设计灵感可能来源于126...

    ASP.NET多附件上传和附件编辑的实现

    用户可以选择多个文件通过`multiple`属性来上传。 ```html []" multiple /&gt; ``` 2. C#后端处理:在服务器端,我们可以使用ASP.NET的HTTPPostedFileBase类来接收上传的文件。在POST请求的处理方法中,遍历Request...

    Fileupload 上传多个文件

    "Fileupload 上传多个文件"这个主题,指的是如何在ASP.NET应用程序中实现同时上传多个附件的功能。这一技术通常涉及HTML5的新特性、JavaScript/jQuery的交互以及服务器端的处理逻辑。 首先,HTML5引入了一个新的`...

    多附件上传MultiUpload

    在IT领域,多附件上传(MultiUpload)是一种常见的功能,特别是在网页应用中,它允许用户同时上传多个文件,极大地提高了用户交互的效率。本示例是关于如何利用Ajax技术实现多附件上传的一个Demo,让我们深入探讨...

    layui多附件上传.rar

    此示例中,“layui多附件上传”可能是对这个模块进行了定制和封装,实现了多文件的批量上传功能。 3. 多附件上传实现: 在Web开发中,多附件上传通常涉及到HTML5的FormData对象,通过JavaScript控制文件选择,然后...

    JQ多附件上传

    "JQ多附件上传"是一种基于JQuery的插件技术,它解决了用户一次性上传多个文件的需求,大大提升了用户体验。JQuery是JavaScript的一个库,以其简洁的API和丰富的功能而广受欢迎,它简化了DOM操作、事件处理以及Ajax...

    Lotus domino BS 多附件上传例子 Lotus domino jquery附件上传 domino上传附件不刷新界面

    多附件上传允许用户一次选择并上传多个文件,这在许多业务场景中非常实用。在jQuery中,可以通过`multiple`属性设置HTML的`&lt;input type="file"&gt;`元素,使其支持多选。然后通过循环遍历选取的文件,逐个发送到服务器...

    JSP多附件上传系统

    【JSP多附件上传系统】是一个基于Java JSP技术实现的Web应用,旨在提供一个能够支持用户上传多个文件的功能。在传统的Web开发中,单个文件上传是常见的操作,但随着互联网应用的发展,多文件上传的需求越来越普遍,...

    layui一个页面使用多个文件upload上传按钮

    本篇文章将详细讲解如何在layui中实现一个页面上使用多个独立的文件上传按钮,以及相关的配置和注意事项。 首先,layui的upload组件是基于HTML5的File API构建的,支持多文件选择、预览、上传进度显示等功能。在...

    一次选择多个文件进行批量上传

    传统的HTML表单上传方式通常只能处理单个文件,但随着技术的发展,现在我们可以使用Ajax多文件上传组件来实现一次选择并上传多个文件的功能。这种组件不仅提高了用户体验,还允许在不刷新页面的情况下完成文件上传,...

    c#多附件上传源代码

    8. **多附件处理**: 当处理多个文件上传时,需要遍历`Request.Files`集合,对每个文件进行单独处理。 9. **存储策略**: 你可以选择将文件存储在硬盘、数据库、云存储服务(如Azure Blob Storage或Amazon S3)等。每...

    多附件上传demo.zip

    在多附件上传中,通常使用`&lt;input type="file" multiple&gt;`标签让用户选择多个文件,配合JavaScript进行文件预览、大小验证等操作。使用AJAX异步提交文件可以提供更好的用户体验,例如使用jQuery的`$.ajax()`或者`...

Global site tag (gtag.js) - Google Analytics