写在前面：

　　上传文件的方式有很多，最近在做项目的时候，一开始也试用了利用jquery的插件ajaxFileUpload来上传大文件，下面，用一个上传文件的简单例子，记录下，学习的过程~~~

　　还是老样子，上代码最明了啦。。

　　前台jsp页面：

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<%

    String scheme = request.getScheme();

    String serverName = request.getServerName();

    String contextPath = request.getContextPath();

    int port = request.getServerPort();

    //网站的访问跟路径

    String baseURL = scheme + "://" + serverName + ":" + port

            + contextPath;

    request.setAttribute("baseURL", baseURL);

%>

<html>

<head>

    <title>ajaxFileUpload文件上传简单示例</title>

    <script src="${baseURL}/ligerui2/jquery/jquery-1.9.0.min.js" type="text/javascript"></script>

    <%--引入文件上传插件--%>

    <%--jquery文件上传插件--%>

    <script src="${baseURL}/script/ajaxfileupload.js" type="text/javascript"></script>

    <script type="text/javascript">

        //打开选择文件对话框

        function text_click(){

            $("#upload").click();

          }

        //选择文件后触发事件函数

        function test(){

            //将文件名赋值到文本输入框

            var fileName = $("#upload").val();

            $("#fileText").val(fileName);

        }

        //文件上传

        function btn_upload(){

            var fileName = $("#upload").val();

            var fileName2 = $("#fileText").val();

            if(fileName == "" || fileName2 == ""){

                alert("请先选择哦~~~");

            }

            $.ajaxFileUpload({  //Jquery插件上传文件

                url: '${baseURL}/uploadFile3',

                secureuri: false,//是否启用安全提交  默认为false

                fileElementId: "upload", //type="file"的id

                dataType: "text",  //返回值类型

                success: function (data)

                {

                    if(data.indexOf("success")!=-1){//上传成功

                        alert("上传成功！");

                    }else{

                        alert("上传失败。。");

                    }

                },

            });

        }

    </script>

</head>

<body style="padding:10px">

<div id="layout1">

    <div >

        文件名(上传): <input type="text"  style="height: 25px;width: 250px;" id="fileText" onclick="text_click()" />

        <button onclick="btn_upload()">开始上传</button>

    </div>

    <%--将文件隐藏，由点击输入框来触发选择文件--%>

    <div hidden="hidden">

        <%--这里不要忘记name，因为在后台是是以name来接收的--%>

        <input type="file" id="upload" name="upload" onchange="test();">

    </div>

</div>

</body>

</html>

　　后台action:

/**

 * Description:com.ims.action

 * Author: Eleven

 * Date: 2017/12/26 10:50

 */

@Controller("FileAction")

public class FileAction extends BaseAction{

    //记得提供对应的get set方法

    //上传文件对象(和表单type=file的name值一致)

    private File upload;

    //文件名

    private String uploadFileName;

    //上传类型

    private String uploadContentType;

    public void uploadFile3() throws Exception{

        String str = "D:/upload33/";  //文件保存路径

        System.out.println("文件路径===="+uploadFileName);

        String realPath = str + uploadFileName;

        File tmp =new File(realPath);

        FileUtils.copyFile(upload, tmp);

        System.out.println("上传文件"+uploadFileName+",大小："+(upload.length()/1024/1024)+"M");

        //当文件上传成功，用流写消息给页面

        PrintWriter writer = ServletActionContext.getResponse().getWriter();

        writer.print("success");

    }

    public File getUpload() {

        return upload;

    }

    public void setUpload(File upload) {

        this.upload = upload;

    }

    public String getUploadFileName() {

        return uploadFileName;

    }

    public void setUploadFileName(String uploadFileName) {

        this.uploadFileName = uploadFileName;

    }

    public String getUploadContentType() {

        return uploadContentType;

    }

    public void setUploadContentType(String uploadContentType) {

        this.uploadContentType = uploadContentType;

    }

}

　　这里还是说一下，对于文件的接收，其命名都是要以上传文件对象名开头的，比如文件对象变量名为upload,则接收文件名的变量为uploadFileName，这里稍微注意下。

　　struts.xml配置：

 <action name="uploadFile3" class="FileAction" method="uploadFile3">

 </action>

　　到这里，文件上传的简单功能就已经完成了，下面，运行截图：

　对于前面开头说的是大文件的上传，那么这个上传文件的最大限度是多少？在测试过程中发现，在struts.xml文件中可以控制上传文件的大小：

<!--这里可以控制整个项目中上传文件的大小-->

    <constant name="struts.multipart.maxSize" value="7340000"/>

　　我这里举例配置的value值是7340000，假设我现在上传文件大小有7M,7 * 1024 * 1024 = 7340032,比我设置的value值要大，故此时上传文件会失败，抛出异常：

org.apache.commons.fileupload.FileUploadBase$SizeLimitExceededException: the request was rejected because its size (7576262) exceeds the configured maximum (7340000)

　　所以我们可以通过设置这个值，来控制上传文件的大小，查阅资料，也是可以局部进行控制上传文件的大小的，即设置fileUpload拦截器,这里就不过多进行设置了，等以后有用到，再去研究也不迟。

　　开心。。。。。。。

　　

ajaxFileUpload上传文件简单示例的更多相关文章

  1. ajaxFileUpload上传文件后提示下载的问题

    在某些版本浏览器下ajaxFileUpload上传文件会提示下载, 1:为什么? 可以观察到,即便返回 JsonResult 在返回的头中也没有任何消息体,直接理解为文本了. 2:解决方案 前端: f ...

  2. 在使用 AjaxFileUpload 上传文件时，在项目发布到 iis 后，图片不能预览

    在使用 AjaxFileUpload  上传文件时,图片已经上传成功了,在站点没有发布时,可以预览,可是在项目发布到 iis 后,图片就不能预览,在网上找了很多的方案也没解决,最后的解决方案如下: 1 ...

  3. ajaxFileUpload上传文件没反应

    调用jquery的ajaxFileUpload异步上传文件,IE浏览器不进入success问题 原因:json转换异常,ie浏览器处理后的返回json没有<pre>标签,直接是完整的jso ...

  4. springmvc+ajaxFileUpload上传文件(前后台彻底分离的情况下)

    首先是导入jar包: web.xml: <servlet> <servlet-name>mvc-dispatcher</servlet-name> <serv ...

  5. Jquery+ajaxfileupload上传文件

    1.说明 ajaxfileupload.js是一款jQuery插件,用于通过ajax上传文件. 下载地址:http://files.cnblogs.com/files/lengzhan/ajaxfil ...

  6. SpringMvc通过controller上传文件代码示例

    上传文件这个功能用的比较多,不难,但是每次写都很别扭.记录在此,以备以后copy用. package com.**.**.**.web.api; import io.swagger.annotatio ...

  7. springMVC上传文件简单案例

    html <form name="Form2" action="/SpringMVC006/fileUpload2" method="post& ...

  8. 解决ajaxfileupload上传文件在IE浏览器返回data为空问题

    关于ajaxfileupload,建议还是别用,已经没有人维护的脚本了,笔者就是入了这个坑. 在IE浏览器中ajaxfileupload返回data为空 jq.ajaxFileUpload ( { u ...

  9. Dropzone.js拖拽上传（简单示例）

    今天碰到一个需求,页面上有“点击上传”的按钮,点击可以执行上传事件,从桌面拖拽图片拖拽到任何地方,都可以执行上传,且不影响点击按钮事件.下面是简单示例: 简单示例如下: <!DOCTYPE ht ...

随机推荐

  1. 转-Gitorious搭建步骤

    先标记一下,后续手动验证 http://blog.csdn.net/king_sundi/article/details/7457475 安装Gitorious Git是一个分布式的版本控制系统,用于 ...

  2. 搭建php环境的几种方法

    对于想学习php开发初学者来说,先要学习搭建php开发环境,因为要做php开发,搭建一个能够运行php网站的服务器环境是第一步,传统的php环境软件非常复杂,好在很多公司开发了一键搭建php安装环境, ...

  3. SQL---存储过程---存储过程编写案例

    存储过程的创建和调用演示 1.不带参数的存储过程的创建 create procedure PRO_With_No_Param as Begin --begin可省略 select * from sc ...

  4. mybatis 一对一关联映射实例

    在实际项目开发中,经常存在一对一的关系,如一个人对应一张身份证信息,这就是一对一的关系.下面是一个简单的实例: 1.建表过程我就省略了,主要是一张Person表,一张IDCard表,其相关属性见步骤2 ...

  5. Model中设置表单验证方法

    Model类里面定义$_validate属性支持的验证因子格式: 格式:array(验证字段,验证规则,错误提示,验证条件,附加规则,验证时间). 验证条件: (1)Model::EXISTS_TO_ ...

  6. ubuntu指令记录

    记录一些指令,便于查看使用. 1.sudo -以其他身份运行命令,预设身份为root. 2.ctrl+alt+T打开终端(命令行窗口) 3.如何判断linux系统是32位还是64位,指令:getcon ...

  7. pku 1330 Nearest Common Ancestors LCA离线

    pku 1330 Nearest Common Ancestors 题目链接: http://poj.org/problem?id=1330 题目大意: 给定一棵树的边关系,注意是有向边,因为这个WA ...

  8. 51Nod 1090 3个数和为0 set 二分优化

    给出一个长度为N的无序数组,数组中的元素为整数,有正有负包括0,并互不相等.从中找出所有和 = 0的3个数的组合.如果没有这样的组合,输出No Solution.如果有多个,按照3个数中最小的数从小到 ...

  9. 河南省第八届ACM省赛---引水工程

    引水工程 时间限制:2000 ms  |  内存限制:65535 KB 难度: 描述 南水北调工程是优化水资源配置.促进区域协调发展的基础性工程,是新中国成立以来投资额最大.涉及面最广的战略性工程,事 ...

  10. 项目实战8—tomcat企业级Web应用服务器配置与会话保持

    tomcat企业级Web应用服务器配置与实战 环境背景:公司业务经过长期发展,有了很大突破,已经实现盈利,现公司要求加强技术架构应用功能和安全性以及开始向企业应用.移动APP等领域延伸,此时原来开发w ...