Comment puis-je télécharger une photo de l'Expo?

Je suis en train de faire une application avec l'Expo et que vous voulez laisser à l'utilisateur de prendre une photo ou choisir l'un de leur pellicule et de les télécharger sur mon serveur. Comment puis-je faire cela?

InformationsquelleAutor ide | 2017-03-01
  1. 36

    Utilisation de l'Expo ImagePicker API pour afficher soit l'appareil ou l'appareil de rouler et de récupérer les informations de l'image sélectionnée:

    async function takeAndUploadPhotoAsync() {
  //Display the camera to the user and wait for them to take a photo or to cancel
  //the action
  let result = await ImagePicker.launchCameraAsync({
    allowsEditing: true,
    aspect: [4, 3],
  });

  if (result.cancelled) {
    return;
  }

  //ImagePicker saves the taken photo to disk and returns a local URI to it
  let localUri = result.uri;
  let filename = localUri.split('/').pop();

  //Infer the type of the image
  let match = /\.(\w+)$/.exec(filename);
  let type = match ? `image/${match[1]}` : `image`;

  //Upload the image using the fetch and FormData APIs
  let formData = new FormData();
  //Assume "photo" is the name of the form field the server expects
  formData.append('photo', { uri: localUri, name: filename, type });

  return await fetch(YOUR_SERVER_URL, {
    method: 'POST',
    body: formData,
    header: {
      'content-type': 'multipart/form-data',
    },
  });
}

    De plus pour un exemple complet, y compris le code du serveur, voir ce repo: https://github.com/exponent/image-upload-example.

    • Comment télécharger image multiple à la fois?
    • Génial, merci!
    • l'homme, vous êtes un sauveur. merci beaucoup!
    • oui.. comment télécharger toutes les photos à la fois. Je veux dire par l'aide de la promesse.tous les()
    • Il semble que je n'ai pas la permission pour cela...
    • Merci Frère, vous avez fait ma journée . . .

    InformationsquelleAutor ide
  2. 3

    L'officiel des exemples d'utilisation Node.js voici comment avec PHP:

    Expo

    async function takePhotoAndUpload() {

  let result = await ImagePicker.launchCameraAsync({
    allowsEditing: false, //higher res on iOS
    aspect: [4, 3],
  });

  if (result.cancelled) {
    return;
  }

  let localUri = result.uri;
  let filename = localUri.split('/').pop();

  let match = /\.(\w+)$/.exec(filename);
  let type = match ? `image/${match[1]}` : `image`;

  let formData = new FormData();
  formData.append('photo', { uri: localUri, name: filename, type });

  return await fetch('http://example.com/upload.php', {
    method: 'POST',
    body: formData,
    header: {
      'content-type': 'multipart/form-data',
    },
  });
}

    upload.php

    <?php
    move_uploaded_file($_FILES['photo']['tmp_name'], './photos/' . $_FILES['photo']['name']);
?>
    • Je veux enregistrer l'image nom de la base de données et des photos sur le serveur; comment puis-je le faire?
    InformationsquelleAutor Agu Dondo