微信小程序formdata格式请求

使用wx.uploadFile实现

javascript 复制代码
    wx.uploadFile({
      url: 'https://接口地址', //上传服务器地址
      filePath: '', //要上传文件资源的路径(本地路径)
      name: 'file', //文件对应的 key,开发者在服务端可以通过这个 key 获取文件的二进制内容
      header: { //HTTP 请求 Header,Header 中不能设置 Referer
        Authorization: 'Bearer token' //权限
      },
      formData: {//HTTP 请求中其他额外的 form data
        'test': 'test',
     	'test1': 'test1',
         ...
      },
      //上传成功回调
      success: (res) => {
        //上传成功
        console.log('success')
        console.log(res)
		//res.data为字符串
        var data = JSON.parse(res.data); //字符串转为对象
      },
      //上传失败回调
      fail: function(err) {
     	console.log('fail')
        console.log(err);
      },
    })

使用wx.request封装formdata数据

下载

formData.js mimeMap.js

页面中引入js文件

const FormData = require('./formData.js')   根据您存放的位置进行引入哟

使用

1、new一个FormData对象
let formData = new FormData();
2、调用它的append()方法来添加字段或者调用appendFile()方法添加文件
// name	value中包含的数据对应的表单名称;value 表单的值
formData.append("name", "value"); 

//name	value中包含的数据对应的表单名称;filepath	文件路径;fileName 文件名【可选】
formData.appendFile("file", filepath, "文件名"); 
3、添加完成后调用它的getData()生成上传数据
//返回值对象属性:buffer	表单数据的ArrayBuffer对象;contentType  http请求Content-Type头部内容
let data = formData.getData();
4、调用小程序的wx.request提交请求
javascript 复制代码
wx.request({
  url: 'https://接口地址',
  header: {
    'content-type': data.contentType
  },
  data: data.buffer,
  success: res => {
  },
  fail: err => {
  }
});
相关推荐
Json_181790144805 分钟前
电商拍立淘按图搜索API接口系列,文档说明参考
前端·数据库
HerayChen9 分钟前
微信小程序混合 h5 wx.miniProgram是 undefined
微信小程序·小程序·h5
风尚云网28 分钟前
风尚云网前端学习:一个简易前端新手友好的HTML5页面布局与样式设计
前端·css·学习·html·html5·风尚云网
木子020430 分钟前
前端VUE项目启动方式
前端·javascript·vue.js
GISer_Jing32 分钟前
React核心功能详解(一)
前端·react.js·前端框架
捂月35 分钟前
Spring Boot 深度解析:快速构建高效、现代化的 Web 应用程序
前端·spring boot·后端
深度混淆43 分钟前
实用功能,觊觎(Edge)浏览器的内置截(长)图功能
前端·edge
Smartdaili China44 分钟前
如何在 Microsoft Edge 中设置代理: 快速而简单的方法
前端·爬虫·安全·microsoft·edge·社交·动态住宅代理
秦老师Q44 分钟前
「Chromeg谷歌浏览器/Edge浏览器」篡改猴Tempermongkey插件的安装与使用
前端·chrome·edge
滴水可藏海1 小时前
Chrome离线安装包下载
前端·chrome