2022-07-15 分類(lèi): 小程序開(kāi)發(fā)
成都小程序開(kāi)發(fā),如何上傳圖片?
打開(kāi)開(kāi)發(fā)者工具,新建小程序項(xiàng)目
打開(kāi)新建好的小程序,index.wxml 添加一個(gè)按鈕 ,加入按下事件
打開(kāi)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();
}
})
}
})
},
如果您希望通過(guò)成都小程序開(kāi)發(fā)大程度地提高業(yè)績(jī),成都創(chuàng)新互聯(lián)可以為您提供幫助。
文章名稱(chēng):成都小程序開(kāi)發(fā),如何上傳圖片?
網(wǎng)站路徑:http://m.rwnh.cn/news49/178649.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專(zhuān)注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司;服務(wù)項(xiàng)目有小程序開(kāi)發(fā)等
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容