vue文件上传和下载_vue上传文件组件

vue文件上传和下载_vue上传文件组件Controller层上传@RequestMapping(“/uplaod”)@ResponseBodypublicRespBeanadd(@RequestParam(“file”)MultipartFilefile){//TODO处理上传的数据StringfileName=file.getOriginalFilename();StringcontentType=file.getContentType();lon

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

文件上传content-type:multipart/form-data

Vue端

多文件上传

let files = new FormData()
for (let i in this.fileList) { 
   
    files.append('files', this.fileList[i].raw)
}

下载

window.open(this.BASE_URL + '/download/' + id)

Controller层

上传

    @RequestMapping("/uplaod")
    @ResponseBody
    public RespBean add(@RequestParam("file") MultipartFile file) { 
   
    //TODO 处理上传的数据
    String fileName = file.getOriginalFilename();
    String contentType = file.getContentType();
    long size = file.getSize();
    
    }

下载

    @GetMapping("/download/{id}")
    @ResponseBody
    public void show(@PathVariable("id") String id, HttpServletResponse response) { 
   
        //TODO 获取需要下载的数据
        String contentType = null;
        String fileName = null;
        byte[] data = null;
        
        try { 
   
            response.setCharacterEncoding("UTF-8");
            response.setHeader("content-type", contentType + "; charset=utf-8");
            response.setContentType(contentType + ";charset=utf-8");
            response.setHeader("Content-Disposition", "attachment; filename=" + java.net.URLEncoder.encode(fileName, "UTF-8"));
            response.getOutputStream().write(data);
            response.getOutputStream().flush();
            response.getOutputStream().close();
        } catch (Exception e) { 
   
            e.printStackTrace();
        }
    }

获取resources目录下文件,部署可用。

@Autowired
ResourceLoader resourceLoader;

File file = resourceLoader.getResource("classpath:apk/ai.apk").getFile();

常见content-type

.apk:application/vnd.android.package-archive
.jpg:image/jpeg
.zip:application/zip
.docx:application/vnd.openxmlformats-officedocument.wordprocessingml.document
.mp4:video/mp4
.pdf:application/pdf
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/170641.html原文链接:https://javaforall.net

(0)
上一篇 2022年8月15日 下午11:46
下一篇 2022年8月15日 下午11:46


相关推荐

  • C# 隐式转换_php隐式转换

    C# 隐式转换_php隐式转换下面几种类型的转换被称之为隐式转换同一性转换 隐式数值转换 隐式枚举转换 隐式引用转换 包装转换 隐式常数表达式转换 用户自定义隐式转换隐式转换可以在很多种情况下发生,包括函数子句调用,cast计算表达式和赋值语句。预定义的隐式转换总会成功而且不会引发异常,适当合理的用户自定义隐式转换也可以展示出这些特性。一.同一性转换同一性…

    2022年8月31日
    5
  • 常用vbs代码[通俗易懂]

    常用vbs代码[通俗易懂] 将域用户或组添加到本地组SetobjGroup=GetObject(“WinNT://./Administrators”)SetobjUser=GetObject(“WinNT://testnet/Engineers”)objGroup.Add(objUser.ADsPath)修改本地管理员密码Setobjcnlar=GetObject(“WinNT://./a

    2022年5月22日
    221
  • 一个经典例子让你彻彻底底理解java回调机制是什么_java实现回调函数

    一个经典例子让你彻彻底底理解java回调机制是什么_java实现回调函数以前不理解什么叫回调,天天听人家说加一个回调方法啥的,心里想我草,什么叫回调方法啊?然后自己就在网上找啊找啊找,找了很多也不是很明白,现在知道了,所谓回调:就是A类中调用B类中的某个方法C,然后B类中反过来调用A类中的方法D,D这个方法就叫回调方法,这样子说你是不是有点晕晕的,其实我刚开始也是这样不理解,看了人家说比较经典的回调方式:ClassA实现接口CallBackcallback

    2025年6月3日
    3
  • idea 激活 betterintelliJ破解方法[通俗易懂]

    idea 激活 betterintelliJ破解方法,https://javaforall.net/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

    2022年3月15日
    336
  • CSS position定位之static

    CSS position定位之staticCSSposition 定位详解一 static 一 static 默认值 没有定位 元素出现在正常的流中 忽略 top bottom left right 或者 z index 声明 忽略 top bottom left right 或者 z index 声明 解释如下 absolute 生成绝对定位的元素 相对于 static 定位以外的第一个父元素进行定位 元素的位置通过 left top right 以及 bottom 属性进行规定 fixed 生成绝对定位

    2026年2月8日
    2
  • OpenClaw 狂飙两周:AI Agent 搅动硬件与云端,Mac mini 卖断货?

    OpenClaw 狂飙两周:AI Agent 搅动硬件与云端,Mac mini 卖断货?

    2026年3月13日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号