微信小程序formdata格式请求

news/2024/7/20 2:41:19 标签: 微信小程序, 小程序, javascript, 前端

使用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 => {
  }
});

http://www.niftyadmin.cn/n/5383169.html

相关文章

PLC_博图系列☞基本指令“与”运算

PLC_博图系列☞基本指令&“与”运算 文章目录 PLC_博图系列☞基本指令&“与”运算背景介绍&:“与”运算说明参数示例真值表 关键字: PLC、 西门子、 博图、 Siemens 、 与 背景介绍 这是一篇关于PLC编程的文章,特别是关于西…

微信小程序-绑定数据并在后台获取它

如图 遍历列表的过程中需要绑定数据&#xff0c;点击时候需要绑定数据 这里是源代码 <block wx:for"{{productList}}" wx:key"productId"><view class"product-item" bindtap"handleProductClick" data-product-id"{{i…

区块链革命:Web3如何改变我们的生活

随着技术的不断发展&#xff0c;区块链技术作为一种去中心化的分布式账本技术&#xff0c;正逐渐成为数字世界的核心。Web3作为区块链技术的重要组成部分&#xff0c;正在引领着数字化时代的变革&#xff0c;其影响已经开始渗透到我们生活的方方面面。本文将深入探讨区块链革命…

C语言—指针(3)

嘿嘿嘿嘿&#xff0c;你看我像指针吗? 不会写&#xff0c;等我啥时候会写了再说吧&#xff0c;真的累了&#xff0c;倦了 1.面试题 1&#xff09;定义整形变量i&#xff1b; 2&#xff09;p为指向整形变量的指针变量&#xff1b; 3&#xff09;定…

css3盒子

盒子模型 一.看透网页布局本质二.认识盒子三.盒子的边框&#xff08;border&#xff09;1.概念2.简写及分开写法3.合并问题&#xff08;会相加&#xff09;4.边框会影响盒子实际大小 四.盒子的内边距&#xff08;padding&#xff09;1.概念2.简写3.内边距会影响盒子实际大小4.特…

HTTP 头部- Origin Referer

Origin & Referer Origin Header 示例 Origin 请求头部是一个 HTTP 头部&#xff0c;它提供了发起请求的网页的源&#xff08;协议、域名和端口&#xff09;信息。它通常在进行跨域资源共享&#xff08;CORS&#xff09;请求时使用&#xff0c;以便服务器可以决定是否接受…

无可执行权限加载 ShellCode

简单来说就是可以直接加载可读内存中的加密 ShellCode&#xff0c;不需要解密&#xff0c;不需要申请新的内存&#xff0c;也不需要改可执行权限。应用不仅仅在上线&#xff0c;上线后的各种功能都可以通过 ShellCode 实现 1.查杀点 现状 在加载 ShellCode、使用 BOF 等时候…

十五、环境变量和代理跨域及api的定义

环境变量的定义 在根目录下新建三个环境变量配置文件 .env.development&#xff08;开发环境&#xff09;.env.test&#xff08;测试环境&#xff09;.evn.production&#xff08;生产环境&#xff09;分别定义开发环境、线上环境和测试环境的变量 webpack VUE_APP_TITLE 学…