當前位置:網站首頁>uniapp上傳圖片及組件傳值
uniapp上傳圖片及組件傳值
2022-01-27 13:38:53 【前端大佬養成計劃】
效果
這裏我還沒有做loading,所以會出現閃一下的效果,不影響的哈~
首先說明上面一個卡片是一個組件,自己封裝好的。
點擊事件
這裏是點擊上傳的事件
上傳的方法
uploadImg() {
if (this.uploadLogo) {
uni.chooseImage({
count: 1, //默認9,數量
sizeType: ['original', 'compressed'], //可以指定是原圖還是壓縮圖,默認二者都有
sourceType: ['album'], //從相册選擇
success: (res) => {
wx.uploadFile({
url: this.$apiUrl + '/fkmpUser/fkmpHeaderImage/' + this.myMingpian
.openId,
filePath: res.tempFilePaths[0],
header: {
'Content-Type': 'multipart/form-data',
},
name: 'file',
success: (uploadFileRes) => {
//這個uploadFileRes是個String類型,要轉對象的話需要JSON.parse一下
var obj = JSON.parse(uploadFileRes.data);
this.myMingpian.companyLogo = obj.url
this.$emit('funcData', this.myMingpian);
// this.$emit('funcText', this.logoText);
this.$refs.uToast.show({
title: '上傳成功',
type: 'success',
})
}
});
}
});
}
},
給父組件傳值
this.$emit('funcData', this.myMingpian);這裏就是將我們在這裏修改了的值,傳遞給父組件
接收值
<m-mingpian :background="true" @funcData="getEditData" :myMingpian="myData" :clickStop="false"
:erweima="true" :logoText="myData.companyLogo?false:true" :uploadLogo="true"></m-mingpian>
通過myData拿到值
版權聲明
本文為[前端大佬養成計劃]所創,轉載請帶上原文鏈接,感謝
https://cht.chowdera.com/2022/01/202201271338527190.html
邊欄推薦
猜你喜歡
隨機推薦
- 死鎖?如何定比特到死鎖?如何修複死鎖?(jps和jstack兩個工具)
- 快樂寒假 22/01/20
- image
- 噴程序員?SURE?
- LDO分壓電阻計算小工具
- 面試之求一串字符串中每個字符的出現次數
- 【Mysql上分之路】第九篇:Mysql存儲引擎
- RHCE 第一次作業
- 2021.10.16我的第一篇博客:一切皆有可能!
- CTA-敏感行為-讀取IMEI
- 面試被問怎麼排查平時遇到的系統CPU飆高和頻繁GC,該怎麼回答?
- nuxt項目總結-綜合
- 自然語言處理學習筆記(一)
- XCTFre逆向(四):insanity
- 理解什麼是真正的並發數
- JVM腦圖
- 函數棧幀的創建與銷毀
- 構建神經網絡- 手寫字體識別案例
- kotlin不容忽視的小細節
- 備戰一年,終於斬獲騰訊T3,我堅信成功是可以複制的