ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

ajax & java文件上传

2020-02-28 17:51:25  阅读:226  来源: 互联网

标签:fileupload java String upload filename ajax new 上传


传统文件上传

  1. 导入jar包:commons-fileupload, commons-io

    <dependency>
        <groupId>commons-fileupload</groupId>
        <artifactId>commons-fileupload</artifactId>
        <version>1.3.1</version>
    </dependency>
    
    <dependency>
        <groupId>commons-io</groupId>
        <artifactId>commons-io</artifactId>
        <version>2.4</version>
    </dependency>
  2. 在前端提供一个form表单和文件选择域

  3. 编写controller

    @RequestMapping("/fileupload")
    public String fileupload(HttpServletRequest request){
        //上传的位置(上传后保存的位置)
        String path = request.getSession().getServletContext().getRealPath("/uploads");
        File file = new File(path);
        if(!file.exists()){ //如果路径不存在
            file.mkdirs();  //创建文件夹
        }
        //解析request对象,获取上传文件项
        DiskFileItemFactory factory = new DiskFileItemFactory();
        ServletFileUpload upload = new ServletFileUpload(factory);
        //解析request
        List<FileItem> items = upload.parseRequest(request);
        for(FileItem item: items){
            if(item.isFormFiled){   //如果是普通表单项
                //TODO
            }else{  //如果是上传文件项
                String filename = item.getName();   //获取上传文件的名称
                //可选:设置名称为唯一值
                String uuid = UUID.randomUUID().toString().replace("-", "");
                filename = uuid+"_"+filename;
                item.write(new File(path, filename));   //完成文件上传
                item.delete();  //删除临时文件(清理垃圾)
            }
        }
    }
  • 注意事项

    • form表彰的enctype取值必须是:multipart/form-data(用分隔符将表彰内容分隔成多个部分),默认为application/x-www-form-urlencoded(普通键值对的形式)

    • method属性值为Post

SpringMVC 上传文件

  1. 配置文件解析器

    <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
        <property name="maxUploadSize" value="10*1024*1024" />
    </bean>
  2. 在前端提供一个form表单和文件选择域(name值与controller的文件参数保持一致)

  3. 编写controller

    @RequestMapping("/fileupload")
    public String fileupload(HttpServletRequest request, MultipartFile upload) throws Exception{
        //上传的位置(上传后保存的位置)
        String path = request.getSession().getServletContext().getRealPath("/uploads");
        File file = new File(path);
        if(!file.exists()){ //如果路径不存在
            file.mkdirs();  //创建文件夹
        }
        String filename = upload.getOriginalFilename(); //获取上传文件的名称
        //可选:设置名称为唯一值
        String uuid = UUID.randomUUID().toString().replace("-", "");
        filename = uuid+"_"+filename;
        upload.transferTo(new File(path, filename));    //完成文件上传,不用删除临时文件
    }

Ajax上传,Springboot接收

  • html

    <form>
        <input type="file" name="upload" id="upload"/>
        <br/>
        <span id="submited" onclick="uploadFile()">上传</span>
    </form>
  • js(使用FormData存放表单数据)

    function uploadFile() {
        var files = document.getElementById("upload").files;
        var formdata = new FormData();
        formdata.append("upload",files[0]);
        $.ajax({
            url:"/testUpload",
            type:"post",
            data:formdata,
            contentType:false, //- 必须false才会自动加上正确的Content-Type
            processData: false, //- 必须false才会避开jQuery对 formdata 的默认处理,XMLHttpRequest会对 formdata 进行正确的处理
            success:function(){
                alert("success");
            },
            error:function(){
                alert("error");
            }
        });
    }
  • Springboot Controller

    @RequestMapping("/testUpload")
    @ResponseBody
    public String testUpload(@RequestParam("upload") MultipartFile upload){
        System.out.println(upload.getOriginalFilename());
        return "";
    }

加载本地资源并返回给页面

  • Springboot

    @RequestMapping("/imgurl")
    @ResponseBody
    public String createFolw(HttpServletResponse response) {
    // response.setContentType("image/*");
        FileInputStream fis = null;
        OutputStream os = null;
        try {
            fis = new FileInputStream("D:/wechat.jpg");
            os = response.getOutputStream();
            int count = 0;
            byte[] buffer = new byte[1024 * 8];
            while ((count = fis.read(buffer)) != -1) {
                os.write(buffer, 0, count);
                os.flush();
            }
        } catch (Exception e) {
            e.printStackTrace();
        }
        try {
            fis.close();
            os.close();
        } catch (IOException e) {
            e.printStackTrace();
        }
        return "ok";
    }

标签:fileupload,java,String,upload,filename,ajax,new,上传
来源: https://www.cnblogs.com/whteway/p/12378263.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有