Java 上传--upload

简单的上传接口

application.properties

# 保存路径
file.save.url=D:\\pdf\\

# 上传大小设置
spring.servlet.multipart.max-file-size=500MB
spring.servlet.multipart.max-request-size=500MB
package com.shengun.controller;

import com.shengun.pojo.JsonReturn;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.multipart.MultipartFile;

import javax.servlet.http.HttpServletRequest;

import java.io.*;

@RestController
@RequestMapping("/img")
public class UpLoadImg {

    @Value("${file.save.url}")
    private String saveUrl;

    @RequestMapping("/upload")
    public JsonReturn upload(@RequestParam("file") MultipartFile file, HttpServletRequest request) throws IOException {
        System.out.println("进入上传接口");
        System.out.println("保存路径" + saveUrl);
        System.out.println(file.getOriginalFilename());
        File newFile = new File(saveUrl + file.getOriginalFilename());
        file.transferTo(newFile);
        return JsonReturn.buildSuccess("成功");
    }
}

html调用

使用的是layui

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="/layui/css/layui.css"/>
</head>
<body>
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;">
    <legend>上传多张图片</legend>
</fieldset>

<div class="layui-upload">
    <button type="button" class="layui-btn" id="test2">多图片上传</button>
    <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
        预览图:
        <div class="layui-upload-list" id="demo2"></div>
    </blockquote>
</div>
<script src="/layui/layui.js" charset="utf-8"></script>
<script>
    layui.use(['upload', 'element', 'layer'], function () {
        var $ = layui.jquery
            , upload = layui.upload
            , element = layui.element
            , layer = layui.layer;

        //多图片上传
        upload.render({
            elem: '#test2'
            ,url: '/img/upload' //此处配置你自己的上传接口即可
            ,multiple: true
            ,accept: 'file'//允许上传的文件类型
            ,before: function(obj){
                //预读本地文件示例,不支持ie8
                obj.preview(function(index, file, result){
                    $('#demo2').append('<img src="'+ result +'" alt="'+ file.name +'" class="layui-upload-img">')
                });
            }
            ,done: function(res){
                console.log(res);
                //上传完毕
                if(res.code == 1){
                    console.log("上传成功")
                }else{
                    console.log("上传失败")
                }
            }
        });
    })
</script>
</body>

</html>

程序调用

用的是htool工具类

 <dependency>
            <groupId>cn.hutool</groupId>
            <artifactId>hutool-all</artifactId>
            <version>5.7.22</version>
        </dependency>
        HashMap<String, Object> paramMap = new HashMap<>();
        paramMap.put("file", FileUtil.file("E:\\视屏\\图片\\shengun.work.certificate.jpg"));
        String result= HttpUtil.post("http://127.0.0.1:8888/img/upload", paramMap);
        System.out.println(result);
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值