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. UPX使用教程

    UPX是一个通用可执行文件压缩器,由于其具有: 压缩率高:压缩效果优于zip/gzip: 解压速度快:在奔腾133上即可达到大约10MB/秒: 压缩的可执行文件没有额外的内存开销: 安全:可以列表,检 ...

  2. 【GDOI2014模拟】JZOJ2020年8月14日T2 网格

    [GDOI2014模拟]JZOJ2020年8月14日T2 网格 题目 Time and Memory Limits Description 某城市的街道呈网格状,左下角坐标为A(0, 0),右上角坐标 ...

  3. 转：http协议学习系列(响应头---Response Headers)

    HTTP最常见的响应头如下所示: ·Allow:服务器支持哪些请求方法(如GET.POST等): ·Content-Encoding:文档的编码(Encode)方法.只有在解码之后才可以得到Conte ...

  4. spring整合mybatis01

    title: spring整合mybatis01 date: 2020-03-09 19:47:40 tags:整合的第一种方式 spring整合mybatis 1.mybatis回顾 mybatis ...

  5. linux 的bash 和 反斜杠

    export BERT_BASE_DIR=/path/to/bert/uncased_L-12_H-768_A-12 export GLUE_DIR=/path/to/glue python run_ ...

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

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

  7. Libp2p 简介

    这是一个翻译的系列文章,原文参考:Introduction :: libp2p Documentation 欢迎来阅读libp2p相关文档,不论你是刚开始学习如何用libp2p来搭建P2P系统, 还是 ...

  8. 如何实现 token 加密(来自github每日一题)

    需要一个secret(随机数) 后端利用secret和加密算法(如:HMAC-SHA256)对payload(如账号密码)生成一个字符串(token),返回前端 前端每次request在header中 ...

  9. .NET 内存泄漏的争议

    前几天发布了几篇关于要小心使用 Task.Run 的文章,看了博客园的所有评论.发现有不少人在纠结示例中的现象是不是属于内存泄漏,本文分享一下我个人的看法,大家可以保留自己的意见. 在阅读本文前,如果 ...

  10. hash相关

    转译☞:https://www.cs.rice.edu/~as143/COMP441_Spring17/scribe/lect4.pdf 1 大规模图片检索问题 基于树模型的算法在分类跟聚类中很受欢迎 ...