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

请您先登录，才能继续操作

javascript 上传多个附件

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>

 

 

分享到：
| BLOB的读写操作
评论
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. **文件队列...

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

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

    jquery实现多附件上传

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

    上传多个附件的js及相关

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

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

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

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

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

    Fileupload 上传多个文件

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

    layui多附件上传.rar

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

    JQ多附件上传

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

    多附件上传MultiUpload

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

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

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

    JSP多附件上传系统

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

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

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

    c#多附件上传源代码

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

    多附件上传demo.zip

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

    实现多附件上传

    在IT领域，尤其是在Web开发中，"实现多附件上传"是一项常见的需求，它涉及到前端与后端的交互、文件处理以及存储策略等多个方面。这里，我们将深入探讨如何实现这一功能，以及相关的技术点。 首先，我们需要理解...

Magicbox
Global site tag (gtag.js) - Google Analytics