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. Spring Cloud Alibaba 初体验(三) Nacos 与 Dubbo 集成

    一.新建项目 新建项目,只放置接口,用于暴露 Dubbo 服务接口 public interface GreetingService { String greeting(); } 二.provider ...

  2. 使用 Zuul 聚合多个微服务的 Swagger 文档

    在 Spring Boot 中集成 Swagger 可参考之前的文章:Spring Boot 2 集成 Swagger, 在各个微服务中的配置与之相同:本文仅介绍在 Zuul 中的配置 在 Zuul ...

  3. 你想不到的win10快捷键

    1.虚拟桌面 1.1 创建 ctrl + win + d 1.2 切换 ctrl + win + 左/右箭头 1.3 关闭 ctrl + win + f4 2. 应用窗口 2.1 打开的全部最小化 w ...

  4. moviepy音视频开发：使用volumex调节音量大小及其花式用法

    ☞ ░ 前往老猿Python博文目录 ░ 一.概述 音频数据的音量体现为声音的振幅,振幅越大则声音越大,具体到音频帧数据上,体现为声音的绝对值越大则振幅越大音量越大,调节音量大小的本质是调整帧数据的绝 ...

  5. 老猿学5G专栏文章目录

    ☞ ░ 前往老猿Python博文目录 ░ 一.3GPP规范文档及其他推荐阅读博文 老猿学5G扫盲贴:3GPP规范文档命名规则及同系列文档阅读指南 老猿学5G扫盲贴:3GPP规范中部分与计费相关的规范序 ...

  6. john快速破解各种散列hash

    0x01 john工具安装: kali系统自带的有,也可以自己安装在其他linux和windows系统上,关于安装步骤网上都有可自行百度. 0x02 john常用选项 具体的其他选项可通过john - ...

  7. Eclipse配置反编译

    Eclipse配置反编译 ​ 之前用IDEA一直让我很喜欢的点就是,什么东西都自动集成,下载.但是终归是学(po)习(jie)版,在正式企业开发中,要小心版权的问题(公司给你买了当我没说).抛开插件能 ...

  8. 【Alpha冲刺阶段】Scrum Meeting Daily6

    [Alpha冲刺阶段]Scrum Meeting Daily6 1.会议简述 会议开展时间 2020/5/27 8:00 - 8:15 PM 会议基本内容摘要 每日汇报 个人进度.遇到的困难.明日的计 ...

  9. C#获取引用组件的版本信息

    /// <summary>        /// 当前目录下文件版本        /// </summary>        public void FilesVersion ...

  10. STL——容器（Set & multiset）的大小

    1. set.size();  //返回容器中元素的数目 2. set.empty();//判断容器是否为空 empty() 是由一下代码实现的,可以发现,当长度为0时返回 false,以此判断容器为 ...