Maison interface Web Questions et réponses frontales Comment obtenir des photos depuis un téléphone mobile dans nodejs

Comment obtenir des photos depuis un téléphone mobile dans nodejs

May 25, 2023 am 11:10 AM

Node.jsComment obtenir des photos à partir de téléphones mobiles

Node.js est une technologie de serveur back-end basée sur JavaScript. Elle présente les avantages d'une grande efficacité, d'une flexibilité, d'une facilité d'apprentissage et d'utilisation. , etc., et est désormais largement utilisé dans le développement Web et dans d’autres domaines.

Alors que le marché des appareils mobiles continue de se développer, de plus en plus de personnes utilisent des smartphones pour prendre, stocker et partager des photos. Cependant, pour exploiter ces photos dans une application Web, vous devez obtenir les photos sur le téléphone mobile et les télécharger sur le serveur, ce qui nécessite l'utilisation de Node.js pour obtenir les photos sur le téléphone mobile.

Cet article expliquera comment utiliser Node.js pour obtenir des photos à partir du téléphone et mettre en œuvre la fonction de téléchargement sur le serveur.

Étape 1 : Installez les modules nécessaires

Vous devez utiliser les deux modules Node.js node-exiftool et formidable pour obtenir les photos sur votre téléphone. Vous en avez donc besoin. pour les installer d’abord.

Vous pouvez utiliser npm pour installer node-exiftool. npm est un outil de gestion de packages pour Node.js. Il peut facilement télécharger et installer des modules Node.js. Entrez la commande suivante :

npm install node-exiftoolnpm install node-exiftool

使用npm安装formidable,输入以下命令:

npm install formidable

Utilisez npm pour installer formidable, entrez la commande suivante :

#🎜 🎜#npm install formidable

Étape 2 : Écrivez le code

Pour obtenir les photos dans le téléphone, vous devez utiliser le module http de Node.js pour écouter la demande du client, et utilisez le module node-exiftool pour obtenir les informations de métadonnées de la photo, puis utilisez le formidable module pour télécharger l'image sur le serveur.

Voici le code pour obtenir la photo :

var http = require('http');
var exiftool = require('node-exiftool');
var formidable = require('formidable');

http.createServer(function (req, res) {
  if (req.url == '/upload' && req.method.toLowerCase() == 'post') {
    var form = new formidable.IncomingForm();
    form.parse(req, function (err, fields, files) {
      if (err) throw err;
      var ep = new exiftool.ExiftoolProcess();
      ep.open();
      ep.readMetadata(files.file.path, ['-File:all'], function (error, metadata) {
        if (error) throw error;
        console.log(metadata);
      });
      res.writeHead(200, {'Content-Type': 'text/html'});
      res.end('success');
    });
    return;
  } 
  res.writeHead(200, {'Content-Type': 'text/html'});
  res.end(`
    <form action="/upload" method="post" enctype="multipart/form-data">
      <div>
        <label>Select image:</label>
        <input type="file" name="file">
      </div>
      <div>
        <button type="submit">Upload</button>
      </div>
    </form>
  `);
}).listen(8080);
console.log('Server running at http://127.0.0.1:8080/');
Copier après la connexion

Avec le code ci-dessus, vous pouvez démarrer l'application avec la commande node et saisir http://127.0.0.1 dans le navigateur :8080/Test.

Étape 3 : Obtenir les informations sur les métadonnées

Utiliser le module node-exiftool pour obtenir des informations sur les métadonnées nécessite d'ouvrir un processus exiftool et d'utiliser la méthode readMetadata pour lire les informations sur les métadonnées de l'image .

Tout d'abord, vous devez introduire node-exiftool dans le code :

var exiftool = require('node-exiftool');
Copier après la connexion

Ensuite, vous devez instancier un processus exiftool et utiliser la méthode open pour ouvrir le processus : # 🎜🎜#

var ep = new exiftool.ExiftoolProcess();
ep.open();
Copier après la connexion
# 🎜🎜#Enfin, utilisez la méthode readMetadata pour lire les informations de métadonnées de l'image :

ep.readMetadata(files.file.path, ['-File:all'], function (error, metadata) {
  if (error) throw error;
  console.log(metadata);
});
Copier après la connexion

La méthode readMetadata doit recevoir trois paramètres : le chemin d'accès au fichier, les options des paramètres et fonction de rappel. Dans le code ci-dessus, l'option de paramètre « -File:all » est utilisée pour obtenir toutes les informations de métadonnées. Les métadonnées obtenues par la fonction de rappel sont un objet de métadonnées.

Étape 4 : Télécharger des photos sur le serveur

Utiliser le formidable module pour télécharger des images sur le serveur nécessite l'aide de la formidable classe IncomingForm, et les données du formulaire peuvent être analysées via la méthode d'analyse de cette classe et récupérez le fichier téléchargé.

Tout d'abord, vous devez introduire le formidable module dans le code :

var formidable = require('formidable');
Copier après la connexion

Ensuite, analysez les données du formulaire via la méthode parse de la classe IncomingForm et récupérez le fichier téléchargé :

var form = new formidable.IncomingForm();
form.parse(req, function (err, fields, files) {
  if (err) throw err;
});
Copier après la connexion

Dans l'objet fichiers, vous pouvez obtenir des informations pertinentes sur le fichier téléchargé, telles que le nom du fichier, la taille du fichier, le type de fichier, le chemin du fichier temporaire, etc.

Enfin, vous pouvez utiliser le module fs intégré de Node.js pour enregistrer le fichier sur le serveur :

var fs = require('fs');
fs.rename(files.file.path, __dirname + '/uploaded/' + files.file.name, function (err) {
  if (err) throw err;
});
Copier après la connexion

la méthode rename déplace le fichier temporaire vers le répertoire spécifié sur le serveur, __dirname Indique le répertoire où se trouve le fichier courant.

Étape 5 : Exemple de code complet

En intégrant les étapes ci-dessus, vous pouvez obtenir un exemple de code Node.js complet, qui réalise l'obtention des photos sur le téléphone mobile et leur téléchargement à la fonction serveur.

var http = require('http');
var exiftool = require('node-exiftool');
var formidable = require('formidable');
var fs = require('fs');

http.createServer(function (req, res) {
  if (req.url == '/upload' && req.method.toLowerCase() == 'post') {
    var form = new formidable.IncomingForm();
    form.parse(req, function (err, fields, files) {
      if (err) throw err;
      var ep = new exiftool.ExiftoolProcess();
      ep.open();
      ep.readMetadata(files.file.path, ['-File:all'], function (error, metadata) {
        if (error) throw error;
        console.log(metadata);
      });
      fs.rename(files.file.path, __dirname + '/uploaded/' + files.file.name, function (err) {
        if (err) throw err;
      });
      res.writeHead(200, {'Content-Type': 'text/html'});
      res.end('success');
    });
    return;
  } 
  res.writeHead(200, {'Content-Type': 'text/html'});
  res.end(`
    <form action="/upload" method="post" enctype="multipart/form-data">
      <div>
        <label>Select image:</label>
        <input type="file" name="file">
      </div>
      <div>
        <button type="submit">Upload</button>
      </div>
    </form>
  `);
}).listen(8080);
console.log('Server running at http://127.0.0.1:8080/');
Copier après la connexion

Conclusion

Ce qui précède est une introduction à la façon d'utiliser Node.js pour obtenir des photos dans le téléphone mobile, en utilisant le module http, le module node-exiftool et le formidable module de Node.js, vous pouvez facilement télécharger des photos de votre téléphone vers le serveur. De plus, il faut prêter attention à la sécurité et à la stabilité pendant le processus de développement, et les fichiers téléchargés par les utilisateurs doivent être correctement vérifiés et traités.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
Will R.E.P.O. Vous avez un jeu croisé?
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Qu'est-ce que l'utilisation Effecte? Comment l'utilisez-vous pour effectuer des effets secondaires? Qu'est-ce que l'utilisation Effecte? Comment l'utilisez-vous pour effectuer des effets secondaires? Mar 19, 2025 pm 03:58 PM

L'article traite de l'utilisation Effecte dans React, un crochet pour gérer les effets secondaires comme la récupération des données et la manipulation DOM dans les composants fonctionnels. Il explique l'utilisation, les effets secondaires courants et le nettoyage pour éviter des problèmes comme les fuites de mémoire.

Comment fonctionne l'algorithme de réconciliation React? Comment fonctionne l'algorithme de réconciliation React? Mar 18, 2025 pm 01:58 PM

L'article explique l'algorithme de réconciliation de React, qui met à jour efficacement le DOM en comparant les arbres DOM virtuels. Il traite des avantages de la performance, des techniques d'optimisation et des impacts sur l'expérience utilisateur. Compte de charge: 159

Quelles sont les fonctions d'ordre supérieur en JavaScript, et comment peuvent-ils être utilisés pour écrire du code plus concis et réutilisable? Quelles sont les fonctions d'ordre supérieur en JavaScript, et comment peuvent-ils être utilisés pour écrire du code plus concis et réutilisable? Mar 18, 2025 pm 01:44 PM

Les fonctions d'ordre supérieur dans JavaScript améliorent la concision du code, la réutilisabilité, la modularité et les performances par abstraction, modèles communs et techniques d'optimisation.

Comment fonctionne le currying en JavaScript et quels sont ses avantages? Comment fonctionne le currying en JavaScript et quels sont ses avantages? Mar 18, 2025 pm 01:45 PM

L'article traite du curry dans JavaScript, une technique transformant les fonctions mulguments en séquences de fonctions à argument unique. Il explore la mise en œuvre du currying, des avantages tels que des applications partielles et des utilisations pratiques, améliorant le code

Comment connectez-vous les composants React au magasin Redux à l'aide de Connect ()? Comment connectez-vous les composants React au magasin Redux à l'aide de Connect ()? Mar 21, 2025 pm 06:23 PM

L'article discute de la connexion des composants React à Redux Store à l'aide de Connect (), expliquant MapStateToproprop, MapDispatchToprops et des impacts de performances.

Qu'est-ce que UseContext? Comment l'utilisez-vous pour partager l'état entre les composants? Qu'est-ce que UseContext? Comment l'utilisez-vous pour partager l'état entre les composants? Mar 19, 2025 pm 03:59 PM

L'article explique UseContext dans React, qui simplifie la gestion de l'État en évitant le forage des accessoires. Il traite des avantages tels que les améliorations centralisées de l'État et des performances grâce à des redevances réduites.

Comment empêchez-vous le comportement par défaut dans les gestionnaires d'événements? Comment empêchez-vous le comportement par défaut dans les gestionnaires d'événements? Mar 19, 2025 pm 04:10 PM

L'article discute de la prévention des comportements par défaut dans les gestionnaires d'événements à l'aide de la méthode empêchée dedEfault (), de ses avantages tels que une expérience utilisateur améliorée et des problèmes potentiels tels que les problèmes d'accessibilité.

Comment implémentez-vous les crochets personnalisés dans React? Comment implémentez-vous les crochets personnalisés dans React? Mar 18, 2025 pm 02:00 PM

L'article discute de la mise en œuvre de crochets personnalisés dans React, en se concentrant sur leur création, les meilleures pratiques, les avantages de la performance et les pièges communs à éviter.

See all articles