Javascript 如何将多张图片(imagepicker)上载到ionic-4中的firebase存储
有人知道如何将多个图像(imagepicker)上传到Ionic 4中的Firebase存储吗。下面使用的代码,但当我单击按钮将图像上载到Firebase存储时,图像未加载到Firebase存储Javascript 如何将多张图片(imagepicker)上载到ionic-4中的firebase存储,javascript,firebase,ionic-framework,firebase-storage,Javascript,Firebase,Ionic Framework,Firebase Storage,有人知道如何将多个图像(imagepicker)上传到Ionic 4中的Firebase存储吗。下面使用的代码,但当我单击按钮将图像上载到Firebase存储时,图像未加载到Firebase存储 <ion-row> <ion-col text-center> <ion-button (click)="getImages()">Choose Images</ion-button> </ion-col> </ion-r
<ion-row>
<ion-col text-center>
<ion-button (click)="getImages()">Choose Images</ion-button>
</ion-col>
</ion-row>
<ion-row>
选择图像
JavaScript:
getImages() {
this.options = {
maximumImagesCount: 3,
width: 200,
quality: 25,
outputType: 1
};
this.imagePicker.getPictures(this.options).then((results) => {
for (var i = 0; i < results.length; i++) {
this.uploadImgToFirebaseStorage(results[i]);
}
}, (err) => {
alert(err);
});
}
uploadImgToFirebaseStorage(imageData) {
var base64Str = 'data:image/jpeg;base64,' + imageData;
var storageRef = firebase.storage().ref();
var childRef = storageRef.child('firebasestorage.jpg');
childRef.putString(base64Str, 'data_url').then(function(snapshot) {
console.log("successfully uploaded...");
}
);
}
getImages(){
此选项={
最大图像:3,
宽度:200,
质量:25,
输出类型:1
};
this.imagePicker.getPictures(this.options)。然后((结果)=>{
对于(var i=0;i{
警惕(err);
});
}
上传ImgTofireAssesstorage(图像数据){
var base64Str='data:image/jpeg;base64'+imageData;
var storageRef=firebase.storage().ref();
var childRef=storageRef.child('firebasestorage.jpg');
childRef.putString(base64Str,'data_url')。然后(函数(快照){
日志(“已成功上载…”);
}
);
}