小程序
小游戏
企业微信
微信支付
扫描小程序码分享
官方文档没有明确说明，针对我们这种刚入门的，看源码还是很吃力，有没有老铁能详细说下weui的uploader组件的用法。。。
比如这个地方成功以后到底要怎样写。。返回的数据格式要求是怎么样。。。我不管怎么写，都是报错，整的脑壳痛
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
你好，我也是没懂怎么用，直接把组件放到页面上之后可以选择图片，但选择图片后并不会调用upload属性中所指定的方法，想知道是不是还需要写别的。
组件：
<mp-uploader ext-class="mp-uploader" bindfail="uploadError" bindsuccess="uploadSuccess" files="{{form.uploadPhoto.file}}" max-count="10" delete="{{true}}" sizeType="['original', 'compressed']" source-type="['album', 'camera']" upload="{{uploadFileHandler}}"></mp-uploader>
控制台在选择完图片后就输出：
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
您好！请具体描述您遇到的问题。
uplaodFile(files) {
console.log('upload files', files)
const tempFilePaths = files.tempFilePaths[0]
// 文件上传的函数，返回一个promise
return new Promise((resolve, reject) => {
wx.uploadFile({
url: '上传图片接口地址',
filePath: tempFilePaths,
name: 'images[]',
header: {
'content-type': 'multipart/form-data'
},
success: (res) => {
// res.data 是由你们后端返回的相关数据
const data = JSON.parse(res.data)
let urls = [data.data[0].url]
// 格式： {urls: ["后端返回的图片地址"]}
resolve({urls: urls})
fial: () => {
reject('error')
}
})
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
你好，我也是没懂怎么用，直接把组件放到页面上之后可以选择图片，但选择图片后并不会调用upload属性中所指定的方法，想知道是不是还需要写别的。
组件：
<mp-uploader ext-class="mp-uploader" bindfail="uploadError" bindsuccess="uploadSuccess" files="{{form.uploadPhoto.file}}" max-count="10" delete="{{true}}" sizeType="['original', 'compressed']" source-type="['album', 'camera']" upload="{{uploadFileHandler}}"></mp-uploader>控制台在选择完图片后就输出：
您好！请具体描述您遇到的问题。
uplaodFile(files) {console.log('upload files', files)const tempFilePaths = files.tempFilePaths[0]// 文件上传的函数，返回一个promisereturn new Promise((resolve, reject) => {wx.uploadFile({url: '上传图片接口地址',filePath: tempFilePaths,name: 'images[]',header: {'content-type': 'multipart/form-data'},success: (res) => {// res.data 是由你们后端返回的相关数据const data = JSON.parse(res.data)let urls = [data.data[0].url]// 格式： {urls: ["后端返回的图片地址"]}resolve({urls: urls})},fial: () => {reject('error')}})})},