成都小程序開發(fā)之圖片上傳

成都小程序開發(fā)中需要用到的圖片上傳功能詳解：

打開開發(fā)者工具，新建小程序項(xiàng)目

打開新建好的小程序，index.wxml 添加一個(gè)按鈕 ，加入按下事件

打開index.js加入uploadpic方法

修改圖片上傳接口。

具體js代碼：

uploadpic: function () {

let that = this;

wx.showActionSheet({

itemList: ['從相冊(cè)中選擇', '拍照'],

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();

}

})

}

})

},

網(wǎng)站名稱：成都小程序開發(fā)之圖片上傳
轉(zhuǎn)載注明：http://www.jbt999.com/news46/178346.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷seo公司；服務(wù)項(xiàng)目有小程序開發(fā)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：[email protected]。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)