当前位置: 首页 > news >正文

win7自己电脑做网站产品推广平台

win7自己电脑做网站,产品推广平台,做房产的有哪些网站,平台做的h5如何嫁接到网站Axios 提供了多种上传文件(Upload File)的方法,适用于不同的上传场景。以下是其中几种常用的方法: 1. 使用 FormData 对象FormData是一个用于创建表单数据的 API,可用于发送包含文件和其他表单数据的multipart/form-d…

Axios 提供了多种上传文件(Upload File)的方法,适用于不同的上传场景。以下是其中几种常用的方法:

1. 使用 FormData 对象

FormData是一个用于创建表单数据的 API,可用于发送包含文件和其他表单数据的multipart/form-data请求。这是处理文件上传的常用方法。通过FormData对象,可以将文件数据添加到表单中,然后使用 Axios 的post或put方法发送请求。

示例

const axios = require('axios');const fileInput = document.querySelector('#fileInput');
const file = fileInput.files[0];const formData = new FormData();
formData.append('file', file);axios.post('/upload', formData, {headers: {'Content-Type': 'multipart/form-data'}
}).then(response => {console.log('上传成功', response.data);
}).catch(error => {console.error('上传失败', error);
});

项目中使用

onChange={async (info: any) => {const formData = new FormData();const fileList = info.fileList;fileList.forEach((file: any) => {formData.append("file", file.originFileObj);});localStorage.setItem('fileName', fileList[0].name)axios.post('http://xxx.xxx.x.xx:8000/upload', formData,{headers: {'Content-Type': 'multipart/form-data'}}).then(res => {if (res) {}})}}

2. 使用 URL 参数

除了使用FormData,你还可以通过在 URL 参数中指定文件名的方式上传文件。这种方法适用于后端期望文件名直接出现在 URL 中的情况。

const axios = require('axios');const fileInput = document.querySelector('#fileInput');
const file = fileInput.files[0];axios.post('/upload', file, {params: {fileName: file.name}
}).then(response => {console.log('上传成功', response.data);
}).catch(error => {console.error('上传失败', error);
});

3. 使用 Base64 编码

这种方法将文件转换成 Base64 编码的字符串,然后通过普通的 JSON 格式发送给服务器。这种方式适用于较小的文件,因为 Base64 编码会增加数据大小。

const axios = require('axios');const fileInput = document.querySelector('#fileInput');
const file = fileInput.files[0];const reader = new FileReader();reader.onload = function(event) {const base64Data = event.target.result.split(',')[1];axios.post('/upload', {file: base64Data}).then(response => {console.log('上传成功', response.data);}).catch(error => {console.error('上传失败', error);});
};reader.readAsDataURL(file);

4.发送文件 Blob 对象

可以通过 CreateObjectURL 把文件对象转成 Blob URL,然后作为 Axios 请求的数据发送。

const file = document.getElementById('file').files[0];const blobUrl = URL.createObjectURL(file);axios.post('/upload', blobUrl, {headers: {'Content-Type': 'multipart/form-data'}  
});

使用说明文档

https://apifox.com/apiskills/axios-upload-file/

http://www.dt0577.cn/news/8474.html

相关文章:

  • ecshopseo的搜索排名影响因素有
  • 快速做网站企业站长之家字体
  • 深圳英迈思做网站好么网站是怎么优化推广的
  • 千阳做网站网站排名seo软件
  • 做品牌网站的企业网店代运营公司哪家好
  • 怎么免费从网站上做宣传免费发布信息网站大全
  • 网站 东莞长安seo网站优化培训
  • 永久域名网站网络营销经典成功案例
  • 华为商城的网站建设seo网络优化平台
  • 2023冬天11月疫情能结束吗湖南seo优化推荐
  • 做外账要登什么网站seo关键词seo排名公司
  • 幼儿园资质做网站需要什么资质html网页制作动态效果
  • 甘肃省网站备案国内可访问的海外网站和应用
  • 做陌陌网站什么做世界足球排名前十名
  • 广西营销型网站公司南京seo收费
  • 网站图片用什么软件做自己如何制作一个小程序
  • 研究院网站模板网站seo优化皆宣徐州百都网络不错
  • 网站怎么做图片动态全网搜索软件下载
  • 深圳做网站行业口碑营销方案怎么写
  • 固始城乡建设局的网站怎么打不开了搜索seo是什么意思
  • 如何做公司网站网页推广网站的方法
  • 免费网站建设真有这样的好事南宁seo教程
  • 网站开发任务书模板活动推广软文范例
  • 做网站及APP做一个网站要多少钱
  • 服务器关闭 网站被k互联网营销方式
  • 申请自媒体账号入口seo是一种利用搜索引擎的
  • 酒类网站建设方案创建自己的网站怎么弄
  • 花都有?]有网站建设的南阳seo优化
  • 滨州网站建设模板建设建网站怎么赚钱
  • 柯城建设局网站yandex引擎