axios直接上传binary

axios直接上传二进制文件 、 axios直接上传apk、axios直接上传binary

postman中的参数选项中有个binary,平常我们很少使用,可能有的同学遇到这种情况不太会了,认为后端应该有个字段名来接收,或者使用 Formdata,但其实是可以直接把文件给传过去的。

操作

如果上传apk,需设置Content-Type,如果是直接使用 XMLHttpreques发请求,可以不用设置

javascript 复制代码
	"Content-Type": "application/vnd.android.package-archive"

直接将 file 放进去,不需要字段名接收

javascript 复制代码
    upload(file) {
      return new Promise((resolve, reject) => {
        axios.put(url, file, {
            headers: {
              "Content-Type": "application/vnd.android.package-archive",
            },
            onUploadProgress: (progressEvent) => {
              const { loaded, total } = progressEvent;
              const percent = Math.round((loaded * 100) / total);
              console.log('当前进度>>',percent)
            },
          })
          .then(resolve)
          .catch((e) => {
            reject(e);
          });
      });
    }
相关推荐
●VON几秒前
Flutter Web 开发:解决跨域(CORS)问题的终极指南
前端·flutter
一只大马猴呀13 分钟前
Windows 安装使用 nvm,Node.js、npm多版本管理、切换
前端·npm·node.js
网络点点滴16 分钟前
渐层响应式shallowRef和shallowReactive
前端·javascript·vue.js
@yanyu66618 分钟前
05计算属性与定时器
前端·javascript·vue.js
小同志0023 分钟前
JQuery
前端·javascript·jquery
zdl68625 分钟前
SpringBoot返回文件让前端下载的几种方式
前端·spring boot·后端
拾贰_C25 分钟前
【Vue | vue3 | spring boot】前端前台项目搭建
前端·vue.js·spring boot
用户904438163246026 分钟前
大三面字节被问懵?手撕 WebSocket 与 SSE 底层原理,大厂通关指南
前端·面试
蓝黑202029 分钟前
Vue SFC Playground
前端·javascript·vue.js
qq_4061761429 分钟前
React与Vue异同点及优缺点深度解析
前端·vue.js·react.js