成都小程序开发之图片上传

2022-07-14    分类: 小程序开发

成都小程序开发中需要用到的图片上传功能详解:



打开开发者工具,新建小程序项目


打开新建好的小程序,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();


}


})


}


})


},

网站名称:成都小程序开发之图片上传
转载注明:https://www.cdcxhl.com/news/178346.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有小程序开发

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

搜索引擎优化