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


相关推荐

  • 在定义adt时_ScriptableObject

    在定义adt时_ScriptableObjectADT操作分类Creators构造器:利用其他的数据类型对象产生一个新的对象可能实现为构造函数或静态工厂方法Producers生产器:用已有该类型对象产生新对象如string.concat()(连接两个字符串,产生一个新的字符串)Observers观察器如list.size()返回int(不同于原类型)Mutators变值器(改变对象属性的方法)通常范围void,如果返回void,则必然意味着它改变了某些对象的内部状态,也可能范围非空类型(如容器类的put、add方法)…

    2025年9月4日
    6
  • Origin2018安装与使用(整理中)

    Origin2018安装与使用(整理中)文章目录1.origin下载安装2.绘图前的一些必要设置3.折线图4.绘制双Y轴图1.origin下载安装Origin2018(32/64位)下载地址:链接:https://pan.baidu.com/s/1tgLxqeLoBp5DuL-hqlUDsg密码:v46x安装教程:https://jingyan.baidu.com/article/454316abde29f5f7a6c03a69.html2.绘图前的一些必要设置Origin绘图前的一些必要设置及了解1.项目管理器、对象

    2022年6月12日
    72
  • Windows下CMake安装教程

    Windows下CMake安装教程环境 Windows64 位首先下载 CMake 官网下载地址 https cmake org download 里面好多版本 根据自己需要版本进行下载 注意 选择好自己电脑是什么系统 以及是 32 位还是 64 位 P S x86 指的是 32 位系统 x64 指的是 64 位系统 下载完成后 双击进行安装 1 欢迎界面 点 next 2 同意协议 勾选 然后点 next 3 按图中红框勾选 然后点 next

    2026年3月20日
    2
  • 机器学习中的数学——常用概率分布(十):贝塔分布(Beta分布)

    机器学习中的数学——常用概率分布(十):贝塔分布(Beta分布)贝塔分布是关于连续变量 x 0 1 x in 0 1 x 0 1 的概率分布 它由两个参数 a gt 0a gt 0a gt 0 和 b gt 0b gt 0b gt 0 确定 Beta x a b a b a b a 1 1 b 1 1B a b a 1 1 b 1Beta x a b frac Gamma a b Gamma a Gamma b mu a 1 1 mu b 1 frac 1 B a b mu a 1 1 mu b

    2026年3月17日
    2
  • linux7 没有dpkg,Linux 系统操作 (7):dpkg 命令

    linux7 没有dpkg,Linux 系统操作 (7):dpkg 命令Linux系统操作(7):dpkg命令文章目录综述:安装命令:查看与搜索命令:删除命令:不太常用的命令:参考文献:综述:广义的Debian是指一个致力于创建自由操作系统的合作组织及其作品,由于Debian项目众多内核分支中以Linux宏内核为主,而且Debian开发者所创建的操作系统中绝大部分基础工具来自于GNU工程,因此”Debian”常指Debian…

    2022年5月21日
    155
  • idea如何进行debug调试断点上被打了个对钩_debug调试教程

    idea如何进行debug调试断点上被打了个对钩_debug调试教程IDEA如何进行debug调试第一步,设断点,打开debug第二步,使用Debug调试的功能键程序调试,相信是所有程序员必经之路,因为程序写出来是不可能没有错误的,当然除了非常简单的一些程序之外。相信大家肯定使用过不同的编译软件,都有调试功能,在功能上大多都是大同小异,没有什么区别的,可能唯一的区别在于调试按钮的样式和快捷键不一样。接下来我将带领大家来了解IDEA调试功能,以Java程序为例。第一步,设断点,打开debug      &n

    2022年10月15日
    5

发表回复

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

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