Ajoutez des téléchargements et du stockage de fichiers à votre site avec Filestack

Filestack est un service qui simplifie le processus d’activation des téléchargements de fichiers sur un site Web ou une application. Que vous receviez des CV, que vous ajoutiez la prise en charge d’images de profil ou que vous acceptiez des soumissions pour un concours d’art, Filestack peut vous aider.

Mais Filestack est plus qu’un simple composant frontal, c’est aussi un service back-end complet pour le stockage de fichiers. Vous pouvez accéder aux fichiers à l’aide de l’API HTTP ou de l’un des SDK disponibles. Lisez ci-dessous pour découvrir comment Filestack peut simplifier vos besoins de téléchargement de fichiers

Qu’est-ce que FileStack ?

Filestack est en partie service, en partie produit. Il comporte deux éléments principaux :

  1. Un composant d’interface utilisateur frontal qui améliore l’entrée de fichier HTML par défaut.
  2. Un service back-end pour le stockage et la livraison de contenu.

La combinaison des deux fait de Filestack un service particulièrement puissant. Le widget de sélection de fichiers est un outil agréable à avoir, et la puissante prise en charge du backend pour les téléchargements de fichiers facilite encore l’expérience des développeurs lors de la gestion de pipelines de téléchargement de fichiers complexes.

Filestack est plus pertinent si vous gérez un site sans serveur principal. Pour les sites statiques en particulier, la prise en charge complète des téléchargements de fichiers est un gros avantage.

Un sélecteur de fichiers frontal

Vous pouvez obtenir la plus petite quantité de fonctionnalités en quelques minutes. Commencez par vous inscrire gratuitement à Filestack. Sans rien payer, vous obtenez ce qui suit chaque mois :

UTILISEZ LA VIDÉO DU JOUR
  • Bande passante : 1,0 Go
  • Téléchargements : 500
  • Transformation : 1 000
  • Stockage de la pile de fichiers : 1,0 Go

Une fois que vous êtes connecté à votre compte, accédez à votre tableau de bord Filestack. Il affiche votre clé API dans le coin supérieur droit, à côté d’un bouton qui la copie dans votre presse-papiers. Votre clé API est vitale car vous l’utiliserez pour identifier votre compte lorsque vous intégrerez le service.

Vous pouvez maintenant ajouter un simple sélecteur de fichiers par défaut à votre site. Voici un exemple de code HTML qui crée un exemple de travail minimal :

<!DOCTYPE html>
<html>
<head>
<script src="//static.filestackapi.com/filestack-js/3.x.x/filestack.min.js"></script>
</head>
<body>
<script>
const client = filestack.init(API_KEY);
client.picker().open();
</script>
</body>
</html>


Notez que vous pouvez référencer le fichier JavaScript principal du domaine de Filestack, vous n’avez donc même pas besoin de le télécharger sur votre serveur. Ouvrez cette page dans votre navigateur et essayez le sélecteur de fichiers. Le sélecteur inclut la prise en charge des téléchargements de fichiers par glisser-déposer :


Un fichier est glissé du gestionnaire de fichiers vers le composant Filestack dans un navigateur Web.

Vous pouvez même télécharger des fichiers à partir de sources autres que votre ordinateur, y compris Google Drive, Instagram et la recherche sur le Web :


Un sélecteur Filestack affichant les résultats de la recherche d'images pour le mot

Le téléchargeur de fichiers prend également en charge les fonctionnalités d’édition d’image de base telles que le recadrage et la rotation :


Un sélecteur Filestack recadrant une image d'un pingouin dans un contour de cercle.

Un service Web back-end

Une fois que vous avez testé le sélecteur de fichiers de base, consultez le navigateur de contenu dans le backend Filestack. Vous verrez le ou les fichiers que vous avez téléchargés, ainsi que des commandes pour les télécharger ou les supprimer. Chaque fichier dispose également d’un lien direct via un réseau de diffusion de contenu (CDN). Filestack intègre la prise en charge d’un CDN, ce qui vous permet d’afficher le contenu aux visiteurs de votre site avec une plus grande efficacité.



Le navigateur de contenu de l'application Web de Filestack affiche un fichier image de pingouin récemment téléchargé.

Des analyses sont disponibles pour vous aider à suivre la bande passante et les téléchargements au fil du temps. Ceci est utile si vous utilisez régulièrement le service et avez besoin de surveiller l’utilisation.

Il existe également une API de téléchargement de fichiers complète, vous permettant de créer des fonctionnalités encore plus avancées. Consultez la documentation complète de Filestack pour plus de détails.

Venez pour le sélecteur, restez pour l’API de téléchargement de fichiers

Filestack est un mélange utile de téléchargeur frontal et de stockage de fichiers principal. Vous pouvez l’utiliser avec un site statique pour fournir une fonctionnalité de téléchargement qui serait autrement impossible.

Nous espérons que vous aimez les articles que nous recommandons et dont nous discutons ! MUO a des partenariats affiliés et sponsorisés, nous recevons donc une part des revenus de certains de vos achats. Cela n’affectera pas le prix que vous payez et nous aide à offrir les meilleures recommandations de produits.


spotify voiture chose image en vedette

Spotify Car Thing contre Android Auto : est-ce que Car Thing vaut le coup ?

Lire la suite


A propos de l’auteur

Source-133