Saltar al contenido

¿Cómo obtener la ruta absoluta de un archivo en react-native?

Agradeceríamos tu apoyo para extender nuestras crónicas referente a las ciencias de la computación.

Solución:

De hecho, me di cuenta de esto yo mismo. Puede obtener la ruta absoluta de 3 maneras.

La forma más conveniente : use react-native-document-picker, en la selección le dará una ruta relativa, algo como esto content://com.android....... Pase esa ruta relativa a la función Stat (filepath) del react-native-fetch-blob biblioteca. El objeto devolverá la ruta absoluta. Añadir la ruta con file:// utilizarlo para otras operaciones.

Las otras 2 formas son usando el selector de imágenes nativas de reacción y CameraRoll (React Native Library)

Espero que esto ayude !

Editar:
Asegúrese de ejecutar la aplicación en el dispositivo de hardware en lugar de en el dispositivo virtual para probarla.

Instale react-native-fetch-blob para obtener la ruta del archivo. A continuación se muestra un ejemplo.

pickFile = async () => 
try 
  const res = await DocumentPicker.pick(
    type: [DocumentPicker.types.allFiles],
  );

  console.log(res.uri);
  //output: content://com.android.providers.media.documents/document/image%3A4055

  RNFetchBlob.fs
    .stat(res.uri)
    .then((stats) => 
      console.log(stats.path);
 //output: /storage/emulated/0/WhatsApp/Media/WhatsApp Images/IMG-20200831-WA0019.jpg
    )
    .catch((err) => 
      console.log(err);
    );
 catch (err) 
  if (DocumentPicker.isCancel(err)) 
   else 
    throw err;
  
;

Aquí tienes las comentarios y calificaciones

Puedes patrocinar nuestro quehacer fijando un comentario y dejando una valoración te damos las gracias.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *