`
Franciswmf
  • 浏览: 796974 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

fileupload

 
阅读更多
<!-- fileupload -->
    <link rel="stylesheet" href="<%=path%>/styles/ui-lightness/jquery.fileupload-ui.css" />
    <script src="<%=path%>/scripts/public/jquery.fileupload.js"></script>
     <!-- fileupload over -->	 
<script>
    $(function () {
        $("#cmdSelectFiles").button({icons: { primary: "ui-icon-link" }});
        $('#formIda').fileupload({
            dataType: 'json',
            url: 'upload.file',
            add: function (e, data) {
                data.submit();
                $("#cmdSelectFiles").button("disable");
                $.uiHelper.showLoading();
            },
            done: function (e, data) {
            	$.uiHelper.hideLoading();
            	$("#cmdSelectFiles").button("enable");
                $.each(data.result, function (index, file) {
                	//空格
                	var childdiva=$('<span></span>'); //创建一个子div
                	childdiva.addClass('spanDelStyle'); //添加css样式
                	//删除
                	var childdivb=$('<a>删除</a>'); //创建一个子a
                	childdivb.attr('href','delete.file?id=' + file.id); //给子div设置id
                	childdivb.addClass('aDelStyle'); //添加css样式

                    $("<a/>").attr("href","get.file?id=" + file.id).text(file.name).appendTo($("#attDiva")); 
                    childdiva.appendTo($("#attDiva"));
                    $("<img/>").attr("src","<%=basePath %>images/state/fail.png").appendTo($("#attDiva"));
                   //$("<a/>").attr("href","delete.file?id=" + file.id).text("删除").appendTo($("#attDiva"));
                   childdivb.appendTo($("#attDiva"));
                   $("<br>").appendTo($("#attDiva"));
                });
               
            }
        });
    });
</script>


<tr style="height: 40px">
<td colspan="2">
<div style="width: 120px;height: 28px;">
<span class="fileinput-button">
<span id="cmdSelectFiles">添加附件</span>
<input  type="file" multiple>
</span>
</div>
</td>
</tr>

<tr>
<td colspan="2">
<!-- 附件显示 -->
<div id="attDiva" style="padding-top:2px;"></div>
</td>
</tr>
分享到:
评论

相关推荐

    FileUpload控件自动上传

    在.NET框架中,FileUpload控件是用于处理用户在Web应用程序中上传文件的关键组件。它允许用户选择本地计算机上的文件,并将其发送到服务器进行进一步处理。在这个特定的场景中,我们关注的是FileUpload控件的自动...

    ASP.NET.FileUpload控件

    ASP.NET的FileUpload控件是Web开发中用于处理文件上传功能的重要组件。它允许用户从他们的本地计算机选择一个或多个文件,并将这些文件上传到服务器。在本文中,我们将深入探讨FileUpload控件的基本用法,包括如何在...

    开发工具 commons-fileupload-1.3.2

    开发工具 commons-fileupload-1.3.2开发工具 commons-fileupload-1.3.2开发工具 commons-fileupload-1.3.2开发工具 commons-fileupload-1.3.2开发工具 commons-fileupload-1.3.2开发工具 commons-fileupload-1.3.2...

    commons-fileupload-1.4-API文档-中文版.zip

    赠送jar包:commons-fileupload-1.4.jar; 赠送原API文档:commons-fileupload-1.4-javadoc.jar; 赠送源代码:commons-fileupload-1.4-sources.jar; 赠送Maven依赖信息文件:commons-fileupload-1.4.pom; 包含...

    commons-fileupload-1.3.3-API文档-中文版.zip

    赠送jar包:commons-fileupload-1.3.3.jar; 赠送原API文档:commons-fileupload-1.3.3-javadoc.jar; 赠送源代码:commons-fileupload-1.3.3-sources.jar; 赠送Maven依赖信息文件:commons-fileupload-1.3.3.pom;...

    FileUpload

    【FileUpload】是一个基于JSP技术的文件上传组件,它使用了特定的JAR包来实现文件上传功能。在Web应用中,文件上传是常见的需求,例如用户可能需要上传个人头像、文档或其他数据。FileUpload组件使得开发者能够轻松...

    commons-fileupload及源码

    在这个压缩包中,包含了`commons-fileupload-1.3.1-sources.jar`和`commons-fileupload-1.3.1.jar`两个文件,前者提供了源代码,后者是编译后的类库文件。 FileUpload组件的核心功能是解析HTTP请求中的多部分数据...

    commons-fileupload-1.4-bin.zip

    《Apache Commons FileUpload组件详解》 Apache Commons FileUpload是一个用于处理HTTP请求中多部分数据的Java库,尤其在上传文件时极为有用。标题中的"commons-fileupload-1.4-bin.zip"表明这是一个包含Apache ...

    fileUpload组件所需jar包

    Apache Commons FileUpload库是一个强大的工具,专门设计用于处理这种需求。本篇将详细讲解使用FileUpload组件实现JSP文件上传所需的步骤和关键知识点。 首先,`fileUpload组件`是Apache Commons项目的一个子项目,...

    最全的common-FileUpload.jar包

    在Java开发中,上传文件是一项常见的任务,Apache Commons FileUpload库正是为此而设计的。这个"最全的common-FileUpload.jar包"包含了处理HTTP请求中的多部分数据,特别是文件上传的功能。它使得开发者能够方便地从...

    使用fileupload组件实现文件上传功能

    使用fileupload组件实现文件上传功能 FileUpload组件是Apache提供的一款文件上传组件,能够帮助我们轻松实现文件上传功能。下面我们将详细介绍使用FileUpload组件实现文件上传功能的步骤和要点: 首先,需要引入两...

    一个漂亮的fileupload控件

    "一个漂亮的fileupload控件"这个标题所指的,就是一种优化了上传文件功能的UI组件。FileUpload控件是网页表单中常见的一种元素,它允许用户选择本地计算机上的文件并将其上传到服务器。在这里,描述提到这个控件是...

    commons-fileupload-1.3.3-bin.tar.gz

    标题中的"commons-fileupload-1.3.3-bin.tar.gz"是一个压缩包文件,包含了Apache Commons FileUpload 1.3.3版本的二进制(bin)文件,通常包括JAR库和其他必要的资源。 Apache Commons FileUpload的工作原理是基于...

    FileUpload.Hasfile属性值一直为false

    在.NET开发过程中,`FileUpload`控件是一个常用的组件,用于处理用户在Web表单中上传文件的功能。当用户选择一个文件并提交表单时,`FileUpload`控件的`HasFile`属性通常会返回`true`,表示有文件被选中并且可以上传...

    .net使用FileUpLoad控件上传文件

    ### .NET 使用 FileUpload 控件上传文件 在 ASP.NET Web 应用程序中,经常需要实现文件上传功能,这可以通过使用 `FileUpload` 控件来完成。本文将详细介绍如何使用 `.NET` 中的 `FileUpload` 控件进行单个文件的...

    基于apache commons.fileupload的文件上传组件

    以下是一些关于Apache Commons FileUpload的关键知识点: 1. **多部分解析**:FileUpload库的核心功能是解析HTTP请求中的多部分数据。HTTP规范规定,文件上传通常通过“multipart/form-data”编码方式进行,...

    Apache Commons fileUpload实现文件上传

    ### Apache Commons fileUpload 实现文件上传详解 #### 引言 Apache Commons fileUpload 是一个用于处理 HTTP 文件上传的 Java 库。它简化了文件上传的过程,使得开发人员能够轻松地处理来自客户端的文件数据。本...

    fileupload上传图片前预览

    在ASP.NET开发中,FileUpload控件是用于处理用户上传文件的核心组件,特别是处理图片上传时,为了提供更好的用户体验,通常需要在用户正式提交前实现图片预览功能。这一功能可以减少用户因错误选择或不符合规格的...

Global site tag (gtag.js) - Google Analytics