`
kawaii_xw
  • 浏览: 47332 次
  • 性别: Icon_minigender_2
  • 来自: 西安
社区版块
存档分类
最新评论

动态增加文件上传选择框

    博客分类:
  • Tips
阅读更多

<!--

<script language="javascript">
 //行追加
 function lineAdd()
 {
  var count = 1;
  var newLine_1 = "<tr>"
  newLine_1 += "<td><input type='file' size='30' name='uploadfile" + count + "'></td>";
  count++;
  newLine_1 += "<td><input type='button' value='删除' style='cursor:hand' onClick='lineDel(this)'></td>";
  newLine_1 += "</tr>";
 
  var tmp = "";
  tmp = "<table id='D1' >";
  tmp  += D1.innerHTML;
  tmp  += newLine_1;
  tmp  += "</table>";
  D1.outerHTML = tmp;
 }
  
 //行删除
 function lineDel(btn)
 {
  D1.deleteRow(btn.parentNode.parentNode.rowIndex);
 }
 
</script>

-->

分享到:
评论
1 楼 kawaii_xw 2007-01-26  
[code<script language="javascript">
//行追加
function lineAdd()
{
var count = 1;
var newLine_1 = "<tr>"
newLine_1 += "<td><input type='file' size='30' name='uploadfile" + count + "'></td>";
count++;
newLine_1 += "<td><input type='button' value='删除' style='cursor:hand' onClick='lineDel(this)'></td>";
newLine_1 += "</tr>";

var tmp = "";
tmp = "<table id='D1' >";
tmp  += D1.innerHTML;
tmp  += newLine_1;
tmp  += "</table>";
D1.outerHTML = tmp;
}

//行删除
function lineDel(btn)
{
D1.deleteRow(btn.parentNode.parentNode.rowIndex);
}

</script>]

相关推荐

    利用javascript向网页中动态添加文件上传框

    本文将深入讲解如何利用JavaScript向网页中动态添加文件上传框。 首先,了解文件上传框的基本结构。在HTML中,一个简单的文件上传框通常由`&lt;input&gt;`标签创建,类型设置为`file`: ```html ``` 用户点击这个元素...

    文件上传框样式

    CSS3引入了更多的选择器和属性,如`:before`和`:after`伪元素,可以用来添加额外的元素或者文本,比如“选择文件”这样的提示语。此外,还可能用到`display: none`隐藏原始的上传按钮,然后通过CSS创建一个更符合...

    qt 自定义实现文件选择框

    本篇文章将详细讲解如何在Qt中自定义实现一个文件选择框,并修改其样式以保持与桌面应用的整体设计一致。 首先,我们需要了解Qt中的QFileDialog类,它是用于打开和保存文件的标准对话框。然而,QFileDialog的默认...

    文件上传+自定义上传文本框

    在IT领域,文件上传功能是Web应用中不可或缺的一部分,它允许用户将本地计算机上的文件传输到服务器。自定义上传文本框则是为了提升用户体验,让用户在上传文件时能更直观地了解操作过程。以下是对这个主题的详细...

    多文件上传和展示

    多文件上传功能则意味着用户可以一次性选择并上传多个文件,大大提高了数据传输的效率。 【详细实现】 1. **引入资源**:首先,你需要在HTML文件中引入Bootstrap和Bootstrap-fileinput的相关CSS和JS文件。这些文件...

    bootstrap-文件上传模板下载

    4. **JavaScript 插件**:为了实现动态文件上传和预览,可能需要使用JavaScript或者jQuery来处理文件选择事件,读取文件内容,并可能使用Ajax技术将文件发送到服务器。Bootstrap本身不包含文件上传插件,但有许多第...

    JFrame文件上传Java_swing应用

    本项目“JFrame文件上传Java_swing应用”是一个典型的Swing应用实例,包含了登录、文件上传、日期选择以及文件检索等常见功能,非常适合学习和自定义改造。 首先,我们来详细解析每个关键知识点: 1. **JFrame**:...

    dwr和简单的文件上传

    在这个场景中,我们将讨论如何使用DWR来实现简单的文件上传功能。 文件上传是Web应用中常见的一种用户交互方式,通常涉及到前端的HTML表单、后端的处理逻辑以及可能的文件存储策略。DWR通过提供对Java方法的远程...

    Android文件上传,文件选择器,多选

    在Android应用开发中,文件上传和文件选择器是常见的功能需求。用户可能需要从设备存储中选择一个或多个文件,例如图片、文档或音频文件,然后上传到服务器或进行其他操作。本文将深入探讨如何在Android平台上实现...

    动态添加多个上传

    3. 跨域资源共享(CORS):如果前端和后端不在同一域名下,需要配置CORS策略,确保文件上传请求能够成功。 4. 分片上传:对于大文件,可以采用分片上传策略,将文件切割成小块,逐个上传并合并,以提高上传稳定性。...

    SpringMVC文件上传,多文件上传实例

    为了提升用户体验,可以添加文件上传进度条,利用JavaScript监听上传进度并更新界面。这需要前端和后端的配合,通常通过Ajax异步请求实现。 通过上述步骤,我们可以构建一个完整的SpringMVC文件上传系统,不仅支持...

    动态添加附件-上传文件

    在IT领域,动态添加附件和上传文件是常见的功能需求,特别是在Web应用中。这个功能允许用户在界面上根据需要自由地增加附件,并一次性上传多个文件。以下是对这一主题的详细阐述: 1. **动态添加附件**: 这个过程...

    ssm框架--spring mvc实现文件上传

    首先,你需要在表单中添加`&lt;input type="file"&gt;`元素,让用户选择要上传的文件。然后,后端控制器需要使用`@RequestParam("文件名") MultipartFile file`注解来接收上传的文件。这里的"文件名"是前端表单中file元素...

    IE文件选择框

    在文件选择框上,开发者可能会遇到样式调整困难、多文件上传支持不足等问题。例如,IE8及以下版本不支持HTML5的`multiple`属性,无法让用户一次性选取多个文件。为了解决这些问题,开发者通常需要使用JavaScript库,...

    Struts框架文件上传下载案例

    首先,我们需要在Struts2的配置文件(struts.xml)中添加相应的拦截器,如`params`和`fileUpload`拦截器,以支持文件上传。接着,在Action类中创建一个字段来接收上传的文件,并使用`@SkipValidation`注解避免验证...

    struts框架写的文件上传下载系统

    1. **文件上传**:用户登录后,可以使用系统提供的上传功能选择本地的文件,Struts框架通过Servlet API中的Part接口处理文件流,将文件从客户端传输到服务器的指定目录。此过程需要对文件大小、类型进行限制,以防止...

    Vuejs文件上传组件多文件上传

    在Vue.js中,实现文件上传功能是常见的需求,尤其是在构建交互丰富的Web应用时。本篇将详细介绍Vue.js中实现多文件上传的相关知识点,以及如何使用`vue-upload-component`这个开源组件来帮助我们实现这一功能。 ...

    bootstrap 文件上传组件 fileinput 实现文件批量上传

    Bootstrap文件上传组件FileInput是一款强大的前端文件上传工具,尤其适合于需要实现文件批量上传的场景。这个组件基于Bootstrap框架,提供了美观的用户界面和丰富的功能,使得文件上传操作变得直观且易于实现。以下...

    文件上传包括文件上传和多条记录添加

    本文将详细探讨"文件上传包括文件上传和多条记录添加"这一主题,涵盖其重要性、实现原理以及相关技术。 首先,我们要理解文件上传的基本概念。文件上传是指用户通过网页或应用程序将本地计算机上的文件传输到服务器...

    C# .NET FileUpload 多文件上传例子

    它可以允许用户从本地计算机选择一个或多个文件,并将这些文件上传到服务器。在多文件上传中,我们需要确保控件的`Multiple`属性设置为`true`,以便支持同时选择多个文件。 方法一:使用HTML5的FormData对象 在现代...

Global site tag (gtag.js) - Google Analytics