杭州小程序開(kāi)發(fā)之圖片上傳
分享 2021.01.18 瀏覽次數(shù):4417次
杭州小程序開(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();
}
})
}
})
},
- PREV:KTV類(lèi)杭州小程序開(kāi)發(fā)方案
- NEXT:無(wú)
-
杭州APP定制:選擇合適開(kāi)發(fā)公司的重要性
日期:2024-12-20瀏覽次數(shù):735次
-
杭州app開(kāi)發(fā):如何選擇專(zhuān)業(yè)開(kāi)發(fā)公司?
日期:2024-12-20瀏覽次數(shù):737次
-
杭州定制小程序公司:小程序行業(yè)的未來(lái)趨勢(shì)
日期:2024-12-20瀏覽次數(shù):752次
-
杭州小程序開(kāi)發(fā)公司:如何運(yùn)營(yíng)小程序以吸引更多客戶(hù)
日期:2024-12-13瀏覽次數(shù):954次
-
杭州app定制公司:如何打造網(wǎng)站建設(shè)第一品牌的特色?
日期:2024-12-13瀏覽次數(shù):944次
相關(guān)新聞
整合同類(lèi)新聞,相關(guān)新聞一手掌握
-
茂名網(wǎng)站制作哪家好?原來(lái)大家都選-杭州帷拓
日期:2023-02-08瀏覽次數(shù):1781次
-
茂名網(wǎng)站建設(shè)公司哪家好?【企業(yè)網(wǎng)站開(kāi)發(fā)】
日期:2023-02-08瀏覽次數(shù):1805次
-
運(yùn)動(dòng)健身類(lèi)茂名定制app功能方案
日期:2021-02-24瀏覽次數(shù):2104次
-
茂名app開(kāi)發(fā)周期的決定因素
日期:2021-02-24瀏覽次數(shù):2173次
最新新聞
與互聯(lián)網(wǎng)同行,實(shí)時(shí)掌握網(wǎng)建行業(yè)最新動(dòng)態(tài)
-
不要在糾結(jié)SEO和SEM了,快來(lái)看看這篇文章
日期:2019-11-20瀏覽次數(shù):4797次
-
蘋(píng)果執(zhí)行最嚴(yán)關(guān)店正常,馬斯克安撫員工別怕疫情
日期:2020-03-16瀏覽次數(shù):5514次
-
APP后臺(tái)開(kāi)發(fā),已逐漸走向社會(huì)化
日期:2020-04-22瀏覽次數(shù):4437次
-
高端公司網(wǎng)站建設(shè)的備案與上線
日期:2021-05-27瀏覽次數(shù):3752次
-
杭州高端網(wǎng)站制作,如何正確使用設(shè)計(jì)軟件?
日期:2021-07-02瀏覽次數(shù):3810次
隨機(jī)新聞
新聞新動(dòng)態(tài),您需要的新聞管家
洞悉市場(chǎng)趨勢(shì)演變讓傳播回歸社會(huì)
免費(fèi)獲取網(wǎng)站建設(shè)與網(wǎng)絡(luò)推廣方案報(bào)價(jià)
-
關(guān)于我們
杭州帷拓科技有限公司,是一家新型的全案網(wǎng)絡(luò)開(kāi)發(fā)公司,作為以互聯(lián)網(wǎng)高端網(wǎng)站建設(shè)、APP開(kāi)發(fā)、小程序開(kāi)發(fā)為核心的專(zhuān)業(yè)網(wǎng)絡(luò)技術(shù)服務(wù)供應(yīng)商,帷拓科技致力于全面分析市場(chǎng)環(huán)境、衡量與預(yù)測(cè)市場(chǎng)需求、整合區(qū)別于行業(yè)競(jìng)爭(zhēng)對(duì)手的絕對(duì)優(yōu)勢(shì),結(jié)合品牌理念深度挖掘項(xiàng)目?jī)?yōu)勢(shì)和產(chǎn)品價(jià)值,提升客戶(hù)品牌認(rèn)知、認(rèn)可度。
-
我們的客戶(hù)
帷拓科技?xì)v經(jīng)十年沉淀,與國(guó)內(nèi)外上千家客戶(hù)達(dá)成合作關(guān)系,其中穩(wěn)定合作的公司有:浙江華為、浙江移動(dòng)、浙江5G產(chǎn)業(yè)聯(lián)盟、浙江省社科院、綠城足球俱樂(lè)部、娃哈哈雙語(yǔ)學(xué)校、健康中國(guó)杭州峰會(huì)、科雷機(jī)電等,帷拓科技始終堅(jiān)持“帷有專(zhuān)業(yè),才能拓展無(wú)限”的服務(wù)理念,堅(jiān)持“認(rèn)真堅(jiān)持細(xì)節(jié)”的優(yōu)質(zhì)服務(wù)理念,不斷完善自身,成就企業(yè),最終實(shí)現(xiàn)共贏。
-
我們的業(yè)務(wù)
帷拓科技主營(yíng)業(yè)務(wù)范圍包含互聯(lián)網(wǎng)高端網(wǎng)站建設(shè)、APP開(kāi)發(fā)、小程序開(kāi)發(fā)、商城網(wǎng)站建設(shè)、公眾號(hào)運(yùn)營(yíng)以及數(shù)字營(yíng)銷(xiāo)等,涵蓋了服務(wù)、房產(chǎn)、數(shù)碼、服裝、物流貿(mào)易等行業(yè),根據(jù)品牌現(xiàn)狀,為每個(gè)客戶(hù)量身定制項(xiàng)目整體服務(wù)方案,以敏銳的市場(chǎng)洞察力、創(chuàng)新的市場(chǎng)策劃能力,全面把握市場(chǎng)變化,為客戶(hù)實(shí)現(xiàn)從企業(yè)到消費(fèi)者的價(jià)值轉(zhuǎn)換。