微信小程序上传文件详解

做微信小程序难免会遇到上传文件的问题。今天就给大家说一个简单的上传文件的例子吧
wxml代码

<button bindtap="upload">上传文件</button>

js代码

Page({data:{path:''},upload:function(){var that=thiswx.chooseImage({count: 1, sizeType: ['original', 'compressed'], sourceType: ['album', 'camera'], success: function (res) {var tempFilePaths = res.tempFilePathsconsole.log(tempFilePaths)wx.uploadFile({url: 'http://example.weixin.qq.com/upload', filePath: tempFilePaths[0],name: 'file',formData:{'user': 'test'},success: function(res){var data = res.datawx.showModal({title: '上传文件返回状态',content: '成功',success: function(res) {if (res.confirm) {console.log('用户点击确定')}}})                          //do something},fail:function(res){console.log(res)}})that.setData({path:tempFilePaths})  }})}
})

button 按钮也可以换成其他的标签，视情况而定，另外我这里加了我自己的返回提示，你们也可以取消，不懂的，可以评论，或者扫描下方二维码

微信小程序上传文件详解相关推荐

微信小程序上传文件到自己的服务器
微信小程序上传文件到自己的服务器 1.建立 WebApi项目 (1)创建项目 (2)发布项目 2.后端接口代码 3.小程序端调接口 1.建立 WebApi项目 (1)创建项目选择菜单 "文 ...
微信小程序上传文件400
微信小程序上传文件400 直接上示例问题代码将请求头添加上Host即可解决直接上示例问题代码 wx.uploadFile({url: 'https://' + domain + '/post/up ...
微信小程序上传文件组件
微信小程序上传文件一.说明该拍照组件带有微信授权相机功能,会结合后端接口,将上传的图片以数组集合的形式传值给父级页面. 注意:组件适用于,单独上传图片,不携带参数,结合后端接口返回路径之后,再调用 ...
微信小程序上传文件到阿里OSS教程
前言 (一)开通OSS服务与新建Bucket 开通OSS服务这里省略,新建bucket. (二)设置Bucket属性,后台配置域名上传文件访问域名这里我们要在小程序后台配置上传域名(上面的域名是我 ...
微信小程序上传文件功能实现
在小程序开发开发中,可能会遇到需要上传文件的场景,用户需要从手机文件管理器中选择文件,然后上传到服务器.但是微信小程序只支持选择回话中的文件,无法从手机中选择.而且此api只支持微信端,不支持企业微信 ...
微信小程序上传文件及图片（可以预览）
最近在写小程序项目,碰到了一个需求,需要用户可以上传各种类型的文件和图片,展示在页面上,并且点击还可以进行预览,就找了找微信小程序官网,写了一个例子,分享一下直接看代码: wxml: <vie ...
微信小程序上传文件（图片/word等）功能)
说到上传文件,首先要想到微信官方文档给的API,wx.uploadFile({ }) 通过这个API来达到上传至服务器的效果:代码示例如下接下来我们先来说说上传图片功能,这个比较简单一些上传图片: ...
微信小程序上传文件（可传 word、excel、ppt、视频、图片……）
文章目录前言示例代码前言近期做技术调研时发现微信官方支持文件上传了,这里记录一下官方 API:wx.chooseMessageFile(Object object) 交互:从微信聊天里选择文 ...
vue、微信小程序上传文件(base64格式、一般格式)及vue的表格导入和导出
一.上传文件 1.vue项目 base64格式 onInputChange(el) {var self = this;let file=el.file;let type=file.type.split ...

微信小程序上传文件详解

微信小程序上传文件详解相关推荐

最新文章

热门文章