axios04-文件上传

axios上传文件没有兼容性问题，还是使用以前的FormData
- 原因： FormData会自动帮你设置请求头为：multipart/form-data;

<!DOCTYPE html>
<html lang="zh-cn"><head><meta charset="utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta name="viewport" content="width=device-width, initial-scale=1" /><title>添加英雄</title>
</head><body><form action=""  id="form"><input type="text" name="name" placeholder="请输入英雄姓名"><br><input type="text" name="skill" placeholder="请输入英雄技能"><br><input type="file" name="icon" placeholder="请输入英雄头像"><br><button id="btn">提交</button></form><script src="./axios.js"></script><script>/* 本小节知识点：axios上传文件（以ajax课程英雄管理器新增英雄为例）总结： axios上传文件没有兼容性问题，还是使用以前的FormData原因： FormData会自动帮你设置请求头为：multipart/form-data;*/btn.onclick = function(e){e.preventDefault();var fd = new FormData(form);axios({url:'http://127.0.0.1:4399/hero/add',method:'post',data: fd,}).then(res=>{//成功回调console.log(res)});}</script>
</body></html>

axios04-文件上传相关推荐

springboot设置文件上传大小（tomcat默认1M）
application.yml # 设置文件上传大小(tomcat默认1M) server:tomcat:max-http-form-post-size: -1 spring:servlet:mult ...
将文件上传至ftp服务器，FTP文件上传工具类，将文件上传至服务器指定目录
将文件上传至ftp服务器,传入File对象,将文件上传至ftp服务器需要配置修改的点: 1. 服务器ip端口(服务器ip 端口22/21). 2. 服务器账号密码(服务器登录用户名密码). 3. 上 ...
Springboot 多文件上传
其实多个文件和单个文件上传是一样的,可以使用同一个Controller 添加依赖 <!-- https://mvnrepository.com/artifact/commons-fileuplo ...
django文件上传
Django在处理文件上传时,文件数据被打包封装在request.FILES中. 一.简单上传首先,写一个form模型,它必须包含一个FileField: # forms.py from djang ...
spring boot 文件上传工具类（bug 已修改）
以前的文件上传都是之前前辈写的,现在自己来写一个,大家可以看看,有什么问题可以在评论中提出来. 写的这个文件上传是在spring boot 2.0中测试的,测试了,可以正常上传,下面贴代码第一步:引 ...
模拟文件上传（一）：手动文件上传
关于上传文件,首先我的第一个案例是一个文本文件的上传,简单容易上手! 首先我们上传文件肯定就属于实体内容部分了:所以不能过GET方式请求了,要通过POST方式请求: 因为: 1.get方式是URL传值 ...
Java中的文件上传2（Commons FileUpload:commons-fileupload.jar）
相比上一篇使用Servlet原始去实现的文件上传(http://www.cnblogs.com/EasonJim/p/6554669.html),使用组件去实现相对来说功能更多,省去了很多需要配置和处 ...
转 [JAVA] 使用 common-fileupload 实现文件上传
就在前段时间,还在苦于找到不到合适的上传组件,虽然很早就知道了 common-fileupload,但当时却因为没有找到如何获取表单参数的方法而使用 jspSmartUpload,历尽艰辛终于找到了它 ...
三层架构中ajax,基于mvc三层架构和ajax技术实现最简单的文件上传
前台页面提交文件文件操作上传文件 //上传文件 function upFile() { var file = document.getElementById("UpFile") ...
上传图片被防火墙拦截_Web安全：文件上传漏洞
文章来源:计算机与网络安全一般将文件上传归类为直接文件上传与间接文件上传.直接文件上传就是服务器根本没有做任何安全过滤,导致攻击者可以直接上传小马文件及大马文件(如ASP.ASPX.PHP.JSP及 ...

axios04-文件上传

axios04-文件上传相关推荐

最新文章

热门文章