微信小程序formdata格式请求

这篇具有很好参考价值的文章主要介绍了微信小程序formdata格式请求。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

使用wx.uploadFile实现

    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文章来源地址https://www.toymoban.com/news/detail-832272.html

页面中引入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提交请求
wx.request({
  url: 'https://接口地址',
  header: {
    'content-type': data.contentType
  },
  data: data.buffer,
  success: res => {
  },
  fail: err => {
  }
});

到了这里,关于微信小程序formdata格式请求的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 小程序FormData格式传参(上传图片,删除图片)

          微信小程序开发需要选择本地照片file连同一些表单数据,通过接口发送给服务器,小程序上传图片可以用微信自带的wx.uploadFile方法去传(自带FormData)        wx.uploadFile这个只能一张一张的上传,所以上传图片如果是需要批量的,需要循环调用接口

    2024年02月12日
    浏览(41)
  • vue3管理系统中后台返回pdf格式的文件流,前端如何预览?以及uniapp微信小程序中后台返回的base64位的pdf文件如何预览?

    后台返回的是base64格式的pdf文件,首先需要解析base64文件的插件 image-tools 1 安装并引入插件 2 封装预览pdf的函数 3 调用接口获取数据

    2024年01月18日
    浏览(93)
  • JavaScript - 判断当前时间是否在指定区间内,例如:9:00~12:00(检查当前时间是否处于规定的两个时间段范围内),适用于 vue.js / uniapp / 微信小程序等前端项目

    例如,您想知道当前时间是否处于 9:00 ~ 12:00 时间区间内,然后根据这个判断进而实现业务逻辑。 如下示例所示, 本文提供一个函数,您只需要传入 2 个时间区间,便可得出当前时间是否在该时间区间范围内: 您可以一键复制,直接粘贴到您的项目中。 您只需要传入开始时

    2024年02月16日
    浏览(63)
  • 微信小程序封装请求

    封装请求 解决的问题 很多页面中请求的 url 前半部分都是一样的,重复书写导致页面代码冗余复杂同时逻辑容易不清晰,所以采用单独将请求封装成一个文件(模块)使得这些问题得到解决。 前期基础知识 uni.request(wx.request) Promise 具体步骤 创建文件夹及文件 在根目录下

    2024年02月11日
    浏览(45)
  • 微信小程序-----网络数据请求

    目录 前言 一、 小程序中网络数据请求的限制 二、配置 request 合法域名 三、发起 GET 请求  四、发起 POST 请求 五、在页面刚加载时请求数据 六、跳过 request 合法域名校验 七、关于跨域和 Ajax 的说明         本期我们学习微信小程序中如何发起网络数据请求,通过网络数据

    2024年02月19日
    浏览(42)
  • 微信小程序网络请求封装

    网络请求地址放到url.js中,分别制定开发环境,体验环境,线上环境 网络请求的方法放到request.js中,暴露get、post、wxLogin方法 请求前显示加载中,请求结束后隐藏加载中 请求的接口方法,放到api.js中,并调用request.js中对应的方法 2.1 请求地址(url.js) 2.3 具体的请求方法(api.

    2024年02月15日
    浏览(42)
  • 微信小程序如何发起请求

    第一步: 打开微信公众平台   在开发管理中点击 服务器域名  修改 各域名之间用 \\\" ; \\\" 隔开  第二步: 打开微信开发者工具的详情将红色框框中部分勾选 第三步: 这里以和风天气的24小时天气预报作为示例   wx.request详细参数

    2024年01月18日
    浏览(43)
  • 微信小程序 prettier 格式化

    然后再打开setting.json 新增代码 保存关闭setting.json 内容如下 然后保存看看,有没有效果,如果没有就重启一下

    2024年02月04日
    浏览(42)
  • 微信小程序中发送网络请求

    代码涉及的主要文件有: app.json pages/index/index.wxml pages/index/index.wxss pages/index/index.js 微信小程序提供了 wx.request(Object object) 这个API,用于发送网络请求,该API接受一个对象作为参数,该对象包含多个属性,其中常用的有: url ,请求的地址,string类型,必填。 data ,请求的参数

    2024年02月09日
    浏览(46)
  • 微信小程序 封装request请求

    创建 utils 文件夹后创建 api 文件夹创建 request.js 创建 index.js

    2024年02月15日
    浏览(50)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包