聞きたいこと
React Nativeで画像をチャットにアップロードする機能を作成しているのですが、Firebase Storageにうまく画像がアップロードされるものとされないものが存在しています。
画像データへのURLは正常に発行されているのですが、そのURLをWebブラウザで見てみると、下のリンクのように空のデータがアップロードされています(小さい四角の画像ではないです)
https://gyazo.com/1259f1fca59755917c961d8ebd282f18
特にエラーログのようなものを出ておらず、どのように原因究明していけばいいのか目星がつかないので質問させていただければと思っています。
コード
画像アップロード部分のコードを一部抜粋で記載します。
: uploadFile(file, fileStream, orientation, text) { const metadata = { cacheControl: 'public,max-age=' + Const.imageCacheExpireSeconds }; const this_ = this; const filePrefix = file.type.indexOf("image") !== -1 ? "image_" : "video_"; const now = new Date(); const nowTime = now.getTime(); const fileRef = this_.firebase.storage.ref().child("users/" + this_.state.userId + "/" + filePrefix + nowTime); fileRef.putString(fileStream, 'data_url', metadata).then(function(snapshot) { fileRef.getDownloadURL().then(url => { :
試してみたこと
- アップロード対象の画像ファイル名がNullになっていないか確認
下のGitHub Issueを参考に、画像ファイル名を確認しましたが、Nullになっていませんでした。
https://github.com/react-native-community/react-native-image-picker/issues/969
あなたの回答
tips
プレビュー