微信小程序多文件上传

github地址
wx-formdata

  • 从github上下载formData.js和mimeMap.js文件放到小程序的utils目录下
  • 代码示例
        //formData.js文件位置
        const FormData = require('../../../utils/formData.js') 
        let formData = new FormData();
        //设置参数内容
        formData.append("name", this.data.name);
        //设置文件内容
        formData.appendFile("image", this.data.image[0].url);
        formData.appendFile("work", this.data.work[0].url);
        let data = formData.getData();
        //调用上传接口
        wx.request({
            url: '接口地址',
            method: "post",
            header: {
                'content-type': data.contentType
            },
            data: data.buffer,
            success: res => {
                
            }
        });
  • 具体使用方法可查看github上的README.md文件
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序中,可以使用wx.uploadFile()方法实现文件。以下是一个简单的文件示例: 1. 在小程序页面的js文件中,添加以下代码: ```javascript // 选择文件并上 function uploadFile() { wx.chooseImage({ count: 1, // 最多可选择的图片数量 success: function(res) { // 选择成功后将图片上到指定服务器 const tempFilePath = res.tempFilePaths[0]; wx.uploadFile({ url: 'http://example.com/upload', // 上接口地址 filePath: tempFilePath, name: 'file', // 文件对应的 key,服务器端通过这个 key 获取文件的二进制内容 success: function(res) { console.log(res.data); // 上成功后的返回数据 }, fail: function(res) { console.log(res.errMsg); // 上失败提示信息 } }); } }); } // 调用文件函数 uploadFile(); ``` 2. 需要在小程序的app.json文件中配置网络请求权限。在"permission"字段下添加以下内容: ```json "request": { "scope.userLocation": { "desc": "获取位置信息" }, "scope.writePhotosAlbum": { "desc": "保存到相册" }, "scope.camera": { "desc": "拍照" } } ``` 以上示例中,通过wx.chooseImage()方法选择要上文件,并通过wx.uploadFile()方法将文件到指定服务器。在上成功或失败后,可以通过回调函数获取相应的返回数据或错误信息。 请注意,上文件大小有限制,具体限制请参考微信官方文档。同时,需要确保服务器端已正确配置接收和处理文件的接口。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值