小程序
小游戏
企业微信
微信支付
扫描小程序码分享
官方文档没有明确说明,针对我们这种刚入门的,看源码还是很吃力,有没有老铁能详细说下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]
// 文件上传的函数,返回一个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')
}
})
})
},