There seem to be good workarounds for this issue. I’m closing this, for now, just let me know if anyone wants to provide a PR that makes the above easier for everyone and I’ll re-open.

Hi to all, After analysing the iOS code I’ve found that it is fetching the asset for upload, but only if the uri starts with ph-upload, for images and also for videos. So, before upload if (asset.uri.startsWith('ph://')) { asset.uri = 'ph-upload' + asset.uri.substring(2); } should upload the original asset, not the thumbnail. You don’t need KA-32 solution, nor react-native-convert-ph-asset package.

I have converted to assets-library, it is worked for me. this is example

var regex = /:\/\/(.{36})\//i;
var result = pathRaw.match(regex);
console.log("result", "assets-library://asset/asset.JPG?id="+result[1]+"&ext=JPG")

This is still kinda difficult on iOS. Getting a photo or video from the user’s library so that you can upload it to a server is a common use case.

How can we make this easier?

I have the same issue, however, the suggested solution to convert PHAsset to assets-library is not stable.

Any other solution to this problem?

One workaround is to use @react-native-community/image-editor

const uri = await ImageEditor.cropImage(selectedPhoto.node.image.uri, {
      size: {
        width: selectedPhoto.node.image.width,
        height: selectedPhoto.node.image.height
      },
      offset: {
        x: 0,
        y: 0
      }
    });

will return image path from:

 {"group_name": "All Photos", "image": {"fileSize": 118678, "filename": "545b3e39-cd5b-4d36-907b-da5feddebc79.jpg", "height": 1280, "playableDuration": null, "uri": "ph://0888E8AA-94CE-4A9D-B43A-1B73F07CFDAF/L0/001", "width": 1023}, "location": null, "timestamp": 1606576206, "type": "image"}

to:

file:///var/mobile/Containers/Data/Application/911A0465-F647-4D87-8394-A323DDF9C456/Library/Caches/ReactNative_cropped_image_/B652E25F-675F-4819-8957-DCEF23F0A546.jpg

Here is a litte code turn video uri to old format.

const appleId = x.uri.substring(5, 41);
const ext = 'MOV';
var videoUri = `assets-library://asset/asset.${ext}?id=${appleId}&ext=${ext}`;

For my part, I solved my problem. This was that the uri was not valid when converting images to base64. I solved it as follows:

let imagePATH = null;
if(Platform.OS === 'ios'){
let regex = /://(.{36})//i;
let result = uriPhoto.match(regex);
let photoPATH = assets-library://asset/asset.JPG?id=${result[1]}&ext=JPG;

  const dest = `${RNFS.TemporaryDirectoryPath}${Math.random().toString(36).substring(7)}.jpg`;

  imagePATH = await RNFS.copyAssetsFileIOS(photoPATH, dest, 500, 500, 1.0, 1.0, 'contain');
}
else if(Platform.OS === 'android'){
  imagePATH = photo;
}

const photoBase64 = await RNFS.readFile(imagePATH, 'base64');

First convert the ph:// uri to an asset uri:

if (uri.includes('ph://')) {
  let id = uri.replace('ph://', '')
  id = id.substring(0, id.indexOf('/'))
  uri = `assets-library://asset/asset.${ext}?id=${id}&ext=${ext}`
  console.log(`Converted file uri to ${uri}`)
}

Then copy the asset file to a temp location to use it, react-native-fs has very useful helpers for this.

const encodedUri = encodeURI(uri)
const destPath = `${RNFS.TemporaryDirectoryPath}temp.${ext}`

if (isVideo) {
  uri = await RNFS.copyAssetsVideoIOS(encodedUri, destPath)
} else {
  uri = await RNFS.copyAssetsFileIOS(encodedUri, destPath, 0, 0)
}

Hi to all, After analysing the iOS code I’ve found that it is fetching the asset for upload, but only if the uri starts with ph-upload, for images and also for videos. So, before upload if (asset.uri.startsWith('ph://')) { asset.uri = 'ph-upload' + asset.uri.substring(2); } should upload the original asset, not the thumbnail. You don’t need KA-32 solution, nor react-native-convert-ph-asset package.

I get error Error: ENOENT: no such file or directory, open ‘ph-upload://5A73648C-7869-4C77-B3C3-DF437B4F87BA/L0/001’ when use RNFS.readFile(imagePATH, ‘base64’)

How does upload fail exactly? Does it throw some exception, or upload the wrong thing? #58 may resolve this issue but I’m not entirely sure what problem you’re having just from the description here.

@JoshuaGross passed the uri to RNFetchBlob and it fails. the error: “No such file ‘ph://AF32193E-88E0-44BD-BC1C-EA9920940D61/L0/001’”

I have solved this using the expo-media-library https://docs.expo.io/versions/latest/sdk/media-library/###

async myFunc() { let uri = “ph://ED7AC36B-A150-4C38-BB8C-B6D696F4F2ED/L0/001” let myAssetId = uri.slice(5); let returnedAssetInfo = await MediaLibrary.getAssetInfoAsync(myAssetId); console.log(returnedAssetInfo.localUri); // you local uri link to get the file }

CameraRoll.saveToCameraRoll(photo.uri, 'photo').then( u => { let name = Date.now(); let data = new FormData() data.append ('file',{ uri : u, type: 'image/jpg', name: name+'.jpg' }) console.log('image upload',data) promises.push(axios.post(url,data)); } )

Need help with this was working fine. it only works with android. As said above i am getting path as below. ph://726E6F49-122A-44E8-84C4-3669CD8FFD59/L0/001

Thanks

https://github.com/jzyds/react-native-convert-ph-asset

I just submitted #76 which addresses the problem of uploading images as JPEG instead of HEIC. Might be related, I am not sure…

Hi to all, After analysing the iOS code I’ve found that it is fetching the asset for upload, but only if the uri starts with ph-upload, for images and also for videos. So, before upload if (asset.uri.startsWith('ph://')) { asset.uri = 'ph-upload' + asset.uri.substring(2); } should upload the original asset, not the thumbnail. You don’t need KA-32 solution, nor react-native-convert-ph-asset package.

I get error Error: ENOENT: no such file or directory, open ‘ph-upload://5A73648C-7869-4C77-B3C3-DF437B4F87BA/L0/001’ when use RNFS.readFile(imagePATH, ‘base64’)

Hi, The workaround was just for uploading the image with fetch, not for using it with RNFS or other library.

This worked for me (credit to @gameboyVito):

/**
 * I write a litte util method to convert localIdentifier to assetURL in JavaScript
 * @param localIdentifier looks like 91B1C271-C617-49CE-A074-E391BA7F843F/L0/001
 * @param ext the extension: JPG, PNG, MOV
 * @returns {string}
 */
export const convertLocalIdentifierToAssetLibrary = (localIdentifier, ext) => {
    const hash =  localIdentifier.split('/')[0];
    return `assets-library://asset/asset.${ext}?id=${hash}&ext=${ext}`;
};

to output: "assets-library://asset/asset.MP4?id=60F75F00-0307-645E-875D-B0927CE2BB7D&ext=MP4".

Hi Guys, I found way to solve this issue in iOS. We can write another method like getSelectedPhoto() and pass the selected image path which is ph://ED7AC36B-A150-4C38-BB8C-B6D696F4F2ED/L0/001. In RNCCameraRollManager.m we can use requestContentEditingInputWithOptions to get the path of selected image. I will raise PR on this

Is this has a fix or still unresolved ? i’m having the same issue