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. Docker实战 | 第三篇：Docker安装Nginx，实现基于vue-element-admin框架构建的项目线上部署

    一. 前言 在上一文中 点击跳转 通过IDEA集成Docker插件实现微服务的一键部署,但 youlai-mall 是前后端分离的项目,除了后端微服务的部署之外,当然还少不了前端工程的部署.所以本篇讲 ...

  2. moviepy音视频开发：音频拼接函数concatenate_audioclips介绍

    ☞ ░ 前往老猿Python博文目录 ░ concatenate_audioclips函数用于将多个音频剪辑进行拼接合成一个顺序播放的剪辑. 调用语法: concatenate_audioclips( ...

  3. PyQt（Python+Qt）学习随笔：QTextEdit的setText、setHtml、setPlainText之间的区别

    专栏:Python基础教程目录 专栏:使用PyQt开发图形界面Python应用 专栏:PyQt入门学习 老猿Python博文目录 QTextEdit中提供了三个设置编辑器文本的方法,分别是setTex ...

  4. HTTP请求头和响应头详解【转】

    最近老猿在开始学习爬虫相关的知识,由于老猿以前只做非web的后台应用,发现相关知识太过匮乏,导致学习很困难,为此不得不从一些基础知识恶补开始,对于这些知识,老猿会将网上找到的比较认可的内容直接转发. ...

  5. PyQt(Python+Qt)学习随笔：Qt Designer中怎么给toolBar添加按钮

    在Designer中创建了一个MainWindow窗体,当想在其中的toolBar中添加toolButton时发现怎么也放不上去,最终才发现toolBar中的按钮只能通过直接拖拽Action编辑器中的 ...

  6. 安恒2018年三月月赛MISC蜘蛛侠呀

    到处都是知识盲区hhh 下载了out.pcap之后,里面有很多ICMP包 看到ttl之后联想到西湖论剑里面的一道杂项题,无果 看WP知道可以使用wireshark的tshark命令提取流量包里面的文件 ...

  7. 【面试题】GC Root都有哪些？

    那天去面试,面试官问我JVM垃圾回收,我是有备而来,上来就是一个可达性分析算法,然后就是一个复制算法,标记-清理,标记-整理,以及几个常见的垃圾回收器 详情见:https://www.cnblogs. ...

  8. tensorflow 指定版本安装

    首先,建议在anaconda中创建虚拟环境,教程已写,参考上一篇 下载之前建议设置pip清华源(用以提速,可百度) 设置下载源 pip config set global.index-url http ...

  9. Redis整合MySQL和MyCAT分库组件(来源是我的新书)

    MyCAT是一个开源的分布式数据库组件,在项目里,一般用这个组件实现针对数据库的分库分表功能,从而提升对数据表,尤其是大数据库表的访问性能.而且在实际项目里,MyCAT分库分表组件一般会和MySQL以 ...

  10. go中位运算

    左移右移 const ( // 将 1 左移 100 位来创建一个非常大的数字 // 即这个数的二进制是 1 后面跟着 100 个 0 Big = 1 << 100 // 再往右移 99 ...