`
zjx2388
  • 浏览: 1330885 次
  • 性别: 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中，文件上传通常...

    asp.net多文件上传源代码

    ### ASP.NET多文件上传源代码解析 在ASP.NET开发中，多文件上传是一个常见的功能需求。本文将基于提供的示例代码来深入分析如何在ASP.NET Web Forms应用中实现多文件上传的功能。 #### 1. HTML界面设计 首先，...

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

    这个功能的目的是提供一种方式，让用户可以按需添加多个文件上传选项，并且能够删除不再需要的文件选择项。当所有文件选择项都被删除时，上传按钮将自动隐藏，以保持界面整洁。 首先，我们看到页面结构主要由一个`...

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

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

    C#实现文件上传

    本文将深入探讨如何使用C#来实现文件上传，并重点关注以下几个方面：如何利用C#进行多文件上传、如何控制上传文件的大小、以及如何设置上传文件的格式限制等。 #### 二、基础知识准备 1. **ASP.NET**: ASP.NET是...

    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文件并...

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

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

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

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

    ASP.NET 多附件上传实现代码

    ***实现多附件上传的代码涉及到前端JavaScript以及后端的***处理技术，能够实现在网页上动态地添加多个文件上传控件，允许用户上传多个文件。这种实现方式在功能上类似于常见的邮件系统或网盘服务中的多文件上传功能...

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

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

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

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

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

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

    fck文件上传模板

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

    多文件上传插件

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

    jquery多图片上传 可加可删除

    总结起来，实现`jQuery`多图片上传并允许用户添加删除图片的关键步骤包括：设置`&lt;input type="file"&gt;`的`multiple`属性、监听文件选择事件、预览图片、添加删除图片功能、以及使用Ajax进行上传。在Android环境下，...

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