React Nativeアップロードされた画像を表示する奇妙なアンドロイドの振る舞い

Question

React Nativeとreact-native-image-pickerライブラリを使用してアプリを構築しています。

私たちは今すぐ行動し始めます： （Androidデバイスの場合）画像ピッカーライブラリで選択した画像（プロフィール画像）をアップロードするときにエラーはありません。 プロファイルページに戻るときに、私たちがアップロードした画像はロードされていません。再始動/構築/キャッシュのクリアは問題を解決するために何もしません。

私のiOSシミュレータ/アンドロイドエミュレータを同じアカウントで見ると、デバイスからアップロードされた画像が表示されます。

tl：drアンドロイドデバイスから画像をアップロードする（正しくアップロードするとブラウザで見ることができます）同じデバイスでは見ることができませんが、他のデバイス/シミュレータで見ることができます。

私は何が起こっているのか分かりません。問題がリリースを遅らせるため、速い答えが大好きです。

ここで私は画像ピッカーから画像を取得します。

ImagePicker.showImagePicker(options, (response) => { 
    if (response.error) { 
    this.props.setError(I18n.t('editProfile.fields.profileImage.error')); 
    } else if (!response.didCancel) { 
    if (Platform.OS === 'ios') { 
     const image = { 
     uri: response.uri.replace('file://', ''), 
     filename: 'ProfileImage', 
     height: response.height, 
     isStored: false, 
     width: response.width, 
     }; 

     this.props.onSubmit(image); 
    } else { 
     const image = { 
     uri: response.path, 
     filename: 'ProfileImage', 
     height: response.height, 
     isStored: true, 
     width: response.width, 
     }; 

     this.props.onSubmit(image); 
    } 
    } 
}); 

注：この機能はiOSで完全に機能します。

Answer 1

問題がアップロードされたものを画像に基づいて発生しました。 古いAndroid搭載端末に問題があるようです。

Answer 2

AWS S3でも同様の問題がありましたが、私の場合、コンテンツタイプ/ MIMEタイプが設定されていないという問題がありました。私は手動でそれを設定しなければならなかった。

これは私のコードの一部です：

s3 = new AWS.S3(); 

     var extension = ".jpg"; 
     if (img.mime.indexOf(".png") > -1) 
     extension = ".png"; 

     var key = "Reports/" + req.body.id + "/" + date.getTime() + "/Image" + extension; 

     var buf = new Buffer(img.data,'base64'); 

     var params = { 
     Bucket: 'XXXXXXXXXXXXX', 
     Key: key, 
     Body: buf, 
     ContentEncoding: 'base64', 
     ContentType: img.mime, 
     ACL: 'public-read' 
     }; 

     console.log("S3 Start"); 
     var upload = s3.upload(params, function(err,data) { 
     if (err) { 
      console.log(err, err.stack); 
     } else { 
      console.log(data); 
      s3Url = data.Location; 
     }