jsp页面

<%@ page language="java" pageEncoding="UTF-8"%>

 <!DOCTYPE HTML>

 <html>

   <head>

   <script type="text/javascript" src="./js/jquery-3.5.1.min.js"></script>

  <script type="text/javascript" src="./js/vue.js"></script>

    <title>文件上传</title>

   </head>

   <body>

    <input type="file" id="UUploadedFile"  name="fileupload"  onchange="UUploadedFile()">

    <script type="text/javascript">

    function UUploadedFile() {

        var formData = new FormData();

        formData.append('file', $('#UUploadedFile')[0].files[0]);

        $.ajax({

            async: false,//要求同步 不是不需看你的需求

            url : "${pageContext.request.contextPath}/TestuploadFile.do",

            type : 'POST',

            data : formData,

            dataType: "json",

            processData : false,  //必须false才会避开jQuery对 formdata 的默认处理

            contentType : false,  //必须false才会自动加上正确的Content-Type

            success: function (data) {

                if (data.success ) {

                   alert("上传完成！");

                }else{

                    alert("上传失败！");

                }

            },

        });

    }

    </script>

   </body>

 </html>

　　//java后端代码

package com.zjn.controller;

import java.io.File;

import java.io.FileOutputStream;

import java.io.IOException;

import java.io.InputStream;

import java.io.OutputStream;

import java.util.HashMap;

import java.util.List;

import java.util.Map;

import javax.servlet.http.HttpServletRequest;

import org.springframework.stereotype.Controller;

import org.springframework.web.bind.annotation.RequestMapping;

import org.springframework.web.bind.annotation.RequestParam;

import org.springframework.web.bind.annotation.ResponseBody;

import org.springframework.web.multipart.MultipartFile;

import org.springframework.web.multipart.MultipartHttpServletRequest;

@Controller

public class FileUpload {

	@RequestMapping(value = "/TestuploadFile.do")

    @ResponseBody

    public Map<String, Object> TestuploadFile(HttpServletRequest request){

        Map<String, Object> modelMap=new HashMap<String, Object>();

        try {

            MultipartHttpServletRequest mpRequest = (MultipartHttpServletRequest) request;

            MultipartFile file = mpRequest.getFile("file");

            System.out.println("file===="+file);

            long fileSize = file.getSize();//获取文件大小

            if (fileSize <= 0) {

                modelMap.put("success", false);

                modelMap.put("MESSAGE", "上传失败！上传的文件为空！");

                return modelMap;

            }

            if (fileSize > 200 * 1024 * 1024) {//限制上传文件大小为200M

                modelMap.put("success", false);

                modelMap.put("MESSAGE", "上传失败！上传的文件大小超出了限制！");

                return modelMap;

            }

            InputStream in = file.getInputStream();//读取上传的文件流

            OutputStream out = new FileOutputStream("D:/"+file.getOriginalFilename());

            File outFile=new File("D:/"+file.getOriginalFilename());//把文件输出到D盘下

            byte[] buffer = new byte[1024];

            int length;

            while ((length = in.read(buffer)) > 0) {

                out.write(buffer, 0, length);

            }

            in.close();

            out.close();

            if(outFile.exists()){//判断文件是否存在

                modelMap.put("success", true);

                modelMap.put("MESSAGE", "上传完成！");

            }else {

                modelMap.put("success", false);

                modelMap.put("MESSAGE", "上传失败！");

                return modelMap;

            }

        }  catch (IOException e) {

            modelMap.put("success", false);

            modelMap.put("MESSAGE", "上传失败！");

            return modelMap;

        }

        return modelMap;

    }

}

　　

ajax上传单个文件的更多相关文章

  1. js实现上传单个文件

    js上传文件:js 上传单个文件(任意大小) 疯狂代码 http://www.CrazyCoder.cn/ :http:/www.CrazyCoder.cn/Javascript/Article832 ...

  2. input文件上传（上传单个文件/多选文件/文件夹、拖拽上传、分片上传）

    //上传单个/多个文件 <input title="点击选择文件" id="h5Input1" multiple="" accept= ...

  3. 〖Linux〗上传单个文件到FTP的Shell命令行（函数）

    #!/bin/bash - #=============================================================================== # # F ...

  4. resteasy上传单个文件/多个文件到阿里云服务器

    代码如下: ExcelServerController.java package com.xgt.controller; import com.xgt.bean.bs.ExcelBean; impor ...

  5. plupload如何限制上传文件数量，限制只能上传单个文件

    1 完整代码 $(function() { $("#uploader").pluploadQueue({ runtimes : 'html5,gears,flash,silverl ...

  6. YII2表单中上传单个文件

    有些时候我们提交的表单中含有文件.怎么样让表单里的数据和文件一起提交. 我的数据表tb_user内容如下: CREATE TABLE `tb_user` ( `id` int(11) unsigned ...

  7. Spring Mvc:用MultiPartFile上传单个文件，多个文件

    1.单个文件上传步骤: 添加Apache文件上传jar包 首先需要下载两个apache上传文件的jar包,commons-fileupload-1.3.1jar,commons-io-2.4.jar ...

  8. struts2上传单个文件

    项目目录: struts.xml配置: <constant name="struts.enable.DynamicMethodInvocation" value=" ...

  9. resteay上传单个文件/多个文件到本地

    代码如下: CADLocalControlle.java package com.xgt.controller; import com.xgt.common.BaseController; impor ...

随机推荐

  1. websocket服务端开发

    基于http请求以拉的方式去做服务器的推送,无论是实时性和有效字节都是差强人意的效果. 公司的im系统在与客户端的交互上实际上借助了websocket来实现服务器与客户端的事实消息推送,今天就来简单了 ...

  2. Mac MySQL 8.0 (免安装版) 主从集群搭建

    一.下载解压包 打开 MySQL 官网地址:https://dev.mysql.com/downloads/mysql/ ,选择面安装版本. 二.解压文件 下载到合适文件夹,解压压缩包. 解压 mys ...

  3. 老猿学5G：融合计费场景的离线计费会话的Nchf_OfflineOnlyCharging_Update 更新操作过程

    ☞ ░ 前往老猿Python博文目录 ░ 一.Nchf_OfflineOnlyCharging_Update消息交互过程 Nchf_OfflineOnlyCharging_Update消息是是5G融合 ...

  4. 第7.24节 Python案例详解：使用property函数定义属性简化属性访问代码实现

    第7.24节 Python案例详解:使用property函数定义属性简化属性访问代码实现 一.    案例说明 本节将通过一个案例介绍怎么使用property定义快捷的属性访问.案例中使用Rectan ...

  5. PyQt（Python+Qt）学习随笔：树型部件QTreeWidget提供的currentItem当前项操作访问方法

    老猿Python博文目录 专栏:使用PyQt开发图形界面Python应用 老猿Python博客地址 当前项是指当前鼠标和键盘焦点所在项,在项可以进行选择操作时,当前项可以是选中状态,也可以是未选中状态 ...

  6. PyQt学习随笔：Qt Designer调用帮助时报错找不到assistant.exe文件的解决办法

    老猿是按照<第15.5节 PyQt5安装与配置>步骤安装的PyQt及相关工具,但最近在Qt Designer中点击帮助相关菜单时报错找不到assistant.exe文件,如图: 按照报错信 ...

  7. jarvisoj flag在管理员手上

    jarvisoj flag在管理员手上 涉及知识点: (1)代码审计和cookie注入 (2)哈希长度拓展攻击 解析: 进入题目的界面.看到 那么就是想方设法的变成admin了.挂上御剑开始审计.发现 ...

  8. js 转为整数之Number()、parseInt()、parseFloat()区别

    一:Number() 如果是Boolean值,true和false值将分别被转换为1和0. 如果是数字值,只是简单的传入和返回. 如果是null值,返回0. 如果是undefined,返回NaN. 如 ...

  9. 步步为营，打造CQUILib UI框架库

    步步为营,打造CQUILib UI框架库 UI框架包括如下几个方面:: 丰富的UI控件 窗口管理 主题 多语言 托盘 视图与业务解耦 登录框效果如下:: 提示框效果如下:: 后续讲解如何步步为营,打造 ...

  10. AcWing 232. 守卫者的挑战

    题目链接 大型补档计划. 比较显然的dp 设 \(f[i][j][k]\) 为前 \(i\) 次,擂台上了 \(j\) 次,空闲容量(背包 - 使用的)为 \(k\) 的概率. 不上擂台的转移:\(f ...