`
zjx2388
  • 浏览: 1314025 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

文件上传页面控制动态添加删除的代码

JavaScriptHTML 
阅读更多 
<%@ page language="java" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title></title>
  </head>
  <script type="text/javascript">
  function more(){
  	var td = document.getElementById("more");
  	
  	var br = document.createElement("br");
  	var input = document.createElement("input");
  	var button = document.createElement("input");
  	
  	input.type="file";
  	input.value="file";
  	
  	button.type="button"
  	button.value="Remove";
  	
  	button.onclick = function(){
  		td.removeChild(br);
  		td.removeChild(input);
  		td.removeChild(button);
  	}
  	
  	td.appendChild(br);
  	td.appendChild(input);
  	td.appendChild(button);
  	
  }
  </script>
  <body>
  	<table width="80%" align="center" border="1">
  		<tr>
  			<td>
  			file:
  			</td>
  			<td id="more">
  				<input type="file" name="Files" />
  				<input type="button" value="Add More File" onclick="more()"/>
  			</td>
  		</tr>
  	</table>
  </body>
</html>

 

分享到：
| 查看本机占用端口(windows系统)
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    HTML5多张图片上传删除代码.zip

    这个“HTML5多张图片上传删除代码.zip”文件应该包含了一个实现这一功能的源码示例。下面将详细介绍HTML5中用于图片上传和删除的关键技术。 首先，HTML5中的`&lt;input type="file"&gt;`元素允许用户选择本地文件。通过...

    Asp文件上传/管理源代码

    本资源提供了一个简单的Asp文件上传/管理的源代码实现，它使用了无组件上传类和File System Object（FSO）来完成基本的上传和删除文件操作。 首先，我们来详细了解一下Asp文件上传的原理。在ASP中，文件上传通常...

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

    发邮件是需要添加一些文件，每添加一个文件，页面上可以显示一个表单文件上传选项。 此功能为：初始时刻只有一个添加按钮，当点击添加文件时，会增加一个选择文件和删除区域，同时显示上传按钮，当点击删除，此行...

    页面上传多张图片并显示，可删除可指定上传多张

    本教程将深入探讨如何实现一个功能完善的图片上传系统，它允许用户上传多张图片并在页面上显示，同时提供删除和指定上传的功能。这一功能对于提高用户体验至关重要，因为它让用户能够方便地管理他们上传的内容。 ...

    struts2动态上传多文件的实现（内附JavaScript代码）

    前端部分，使用JavaScript可以实现动态添加和删除附件的功能。JavaScript是一种运行在客户端的脚本语言，它可以对HTML元素进行操作，提供用户友好的交互。以下是一些关键的JavaScript知识点： 1. **DOM操作**：通过...

    MVC文件上传与删除.rar

    在控制器中，我们需要添加删除文件的逻辑： ```csharp [HttpPost] public ActionResult DeleteFile(string id) { string filePath = Path.Combine(Server.MapPath("~/Files"), id); if (System.IO.File.Exists...

    JSP 动态多文件上传标签库

    动态多文件上传（Dynamic Multiple File Upload)标签库v1.5 功能：实现文件的批量上传，可以对文件格式及数量的限制，可以删除不想上传的文件，在操作过程中不会上传所选文件，JS完全封装，只需要引入相应的JS文件并...

    动态添加行动态添加行

    它们通常使用虚拟DOM，可以更高效地处理UI变化，同时简化了添加、删除或修改元素的代码。 总结起来，"动态添加行"是Web开发中的一个关键技能，涉及到JavaScript对DOM的操作。通过学习和掌握这一技术，开发者能够...

    使用layui实现多文件列表上传

    在“使用layui实现多文件列表上传”这个项目中，主要涉及到了layui的文件上传功能，这在网页应用中是非常常见且实用的功能，尤其对于需要用户提交多份文件的场景。 首先，layui的文件上传组件是基于HTML5的File API...

    jQuery自定义表单添加删除代码.zip

    本项目“jQuery自定义表单添加删除代码”基于jQuery 1.10.2版本，旨在实现动态地向表单中添加或删除输入元素，以及自定义标题和附件功能，这对于创建灵活的用户交互界面特别有用。以下将详细解析这个项目的重点内容...

    【JS常用代码】动态添加附件效果

    在JavaScript（JS）编程中，动态添加附件效果通常是指在网页上通过JavaScript代码实现动态创建、编辑或删除文件上传的功能。这种效果可以让用户在不刷新页面的情况下，方便地添加、预览和管理上传的文件，提高了用户...

    Axure教程：文件上传、自动产生列表.docx

    Axure 文件上传组件设计教程 Axure 是一款流行的前端视觉框架，提供了强大的交互设计和原型制作能力。然而，在 Axure 中默认的文件上传组件功能有限，无法满足视觉个性化定制和交互需求。本教程将指导您如何使用 ...

    UEditor JSP 版本配置以及文件上传配置方法

    UEditor JSP 版本配置以及...配置 UEditor JSP 版本并实现文件上传功能需要按照以上步骤进行，包括下载 UEditor、配置 editor.config.js 文件、创建 upload 文件夹、修改 imageUp.jsp 文件、嵌入 UEditor 到页面等。

    Asp.net Ajax+JQuery 无刷新文件上传

    在服务器端，我们需要编写相应的处理代码，比如C#的ASP.NET MVC或Web API控制器方法，来接收并响应这个删除请求。 在文件上传过程中，一般会使用FormData对象来封装文件数据。在jQuery的Ajax请求中，设置`...

    fck文件上传模板

    2. **AJAX技术**：FCKeditor的文件上传功能往往采用AJAX（异步JavaScript和XML）技术，使得用户在上传文件时无需刷新整个页面，提高交互体验。通过创建XMLHttpRequest对象，向服务器发送请求并接收响应，实现后台...

    多文件上传插件

    在IT行业中，多文件上传插件是一个非常实用的工具，特别是在网页或应用程序中处理用户需要批量上传文件的场景。这种插件允许用户一次性选择并上传多个文件，极大地提高了工作效率，减少了用户操作步骤。下面我们将...

    aspUpload上传文件源码下载

    ASPUpload是一款经典的ASP（Active Server Pages）组件，用于在ASP环境下处理文件上传功能。这个组件使得开发者能够方便地在Web应用程序中实现用户上传文件的功能，极大地增强了网站与用户的交互性。下面将详细介绍...

    手机移动端多图片上传删除js代码.rar

    - **异步上传**：为了不影响用户体验，文件上传通常采用异步方式，通过Promise或async/await控制流程。 6. **错误处理** - **异常处理**：在处理文件读取、图片预览、文件上传等过程中，应添加适当的错误处理机制...

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