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

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

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

打开新建好的小程序，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/178346.html

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

广告

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