2022-07-15 分类: 小程序开发
成都小程序开发,如何上传图片?
打开开发者工具,新建小程序项目
打开新建好的小程序,index.wxml 添加一个按钮 ,加入按下事件
打开index.js加入uploadpic方法
修改图片上传接口。
具体js代码:
uploadpic: function () {
let that = this;
wx.showActionSheet({
itemList: ['从相册中选择', '拍照'],
itemColor: "#f7982a",
success: function (res) {
if (!res.cancel) {
if (res.tapIndex == 0) {
that.chooseWxImage('album')
} else if (res.tapIndex == 1) {
that.chooseWxImage('camera')
}
}
}
})
},
chooseWxImage: function (type) {
var that = this;
wx.chooseImage({
sizeType: ['original', 'compressed'],
sourceType: [type],
success: function (ress) {
wx.showToast({
icon: "loading",
title: "正在上传"
}),
wx.uploadFile({
url: app.siteurl + '/index.php?m=api&c=index&v=uploadpic',
filePath: ress.tempFilePaths[0],
name: 'file',
header: { "Content-Type": "multipart/form-data" },
formData: {
'appkey': app.appkey
},
success: function (res) {
if (res.statusCode != 200) {
wx.showModal({
title: '提示',
content: '上传失败',
showCancel: false
})
return;
}
},
fail: function (e) {
wx.showModal({
title: '提示',
content: '上传失败',
showCancel: false
})
},
complete: function () {
wx.hideToast();
}
})
}
})
},
如果您希望通过成都小程序开发大程度地提高业绩,成都创新互联可以为您提供帮助。
当前名称:成都小程序开发,如何上传图片?
转载来于:/news/178649.html
网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有小程序开发等
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联
猜你还喜欢下面的内容