Taro開發過程遇到的問題彙總(不定期更新)
阿新 • • 發佈:2020-12-31
技術標籤:Taro裡input修改值時相互影響Taro裡上傳圖片問題小程式
一、圖片上傳
點選上傳按鈕時
Taro.uploadFile({
url: 'http://xxx/api/common_file/', //僅為示例,非真實的介面地址
filePath: files[0].file.path,//Taro元件返回的圖片資訊
header: {
'Authorization':'JWT '+ token
},
name: 'file',//修改上傳檔案的名稱
formData: {
'name': 'test'//上傳檔案的名稱
} ,
success (res){
console.log(result);
},
fail(){
Taro.showToast({
title: '上傳失敗,請聯絡管理員',
icon:'none',
duration: 2000
})
}
})
/*元件onchange事件呼叫*/
onChange (files,operationType,index) {圖片上傳
let that=this;
console.log(files);
if(operationType=== "remove"){///清除圖片
//移除事件後需操作的寫在這邊
}else {//圖片上傳
UploadFile(files,index,that)
}
}
二、多個input渲染後,修改其中一個,其他的也會跟著變化
input裡的name名不能重複,Taro是根據name名修改物件input值的,所以將name名變不同了,相互之間就沒有影響了