其实挺简单的
<template>
<input type="file" @change="handleUpload" />
</template>
<script>
import axios from "axios";
export default {
methods: {
handleUpload(e) {
var formData = new FormData();
//e.target.files 获取fileList对象里的上传的file对象添加到formData里面
formData.append("file", e.target.files[0]);
axios.post("yourUrl", formData, {
//设置请求头
headers: { "Content-Type": "multipart/form-data" },
});
},
},
};
</script>
其实挺简单的
axios 上传 formData 很简单，请看下面的 demo： vue react 要点 所有 type 属性...
一. axios 上传文件 使用 FormData 对象上传 二. 将字符串作为 txt 文件上传: new Bl...
upload axios post formData axios 上传显示进度JS 原生实现文件上传Fetch U...
1.如何用ajax上传文件 想要用ajax上传文件，需要借助一个javascript对象FormData，首先我们...
VUE Axios上传文件，使用FormData， 设置的参数，后端总是接收不到参数。经过网上查找，分一下两者情况...
通过input file触发上传框 按钮触发input点击事件 对axios进行接口的二次封装 监听input f...
[JSON对象转成formData对象,formData对象转成JSON对象] 在向后端请求时，如果上传的数据里存...
html 注意input file 是不支持v-model的，因为v-model是双向数据绑定，而input fi...
FormData加axios单图 这里的file是1个input files[0]第一个对象 FormData加a...
本文标题：vue中如何用axios上传FormData对象
本文链接：https://www.haomeiwen.com/subject/dvxpprtx.html
网友评论