Comment télécharger des images vers des pages web asp.net à partir d`un ordinateur

<article data-type="article">
Comment télécharger des images sur des pages Web ASP.NET depuis un ordinateur

Images sur une page Web sont affichées en utilisant le HTML "-&tag quot-. Vous pouvez télécharger des images de votre ordinateur vers une page Web ASP.NET utilisant un composant .NET appelé "-FileUpload&contrôle quot-. Vous pouvez alors afficher l`image en ajoutant un autre composant .NET appelé "-Image"- commande automatiquement. Ces deux contrôles sont inclus avec le produit Microsoft Visual Studio, ou la libre Microsoft Visual Web Developer Express Edition, soit de ce qui est disponible en téléchargement depuis le site de Microsoft.

Choses que vous devez

  • Visual Studio 2005 ou plus tard
  • ASP.NET site activé

Créer un nouveau projet

  • Ouvrez Visual Studio en accédant au dossier de programme approprié de "-Start"- et "-Tous les programmes."

  • Cliquez "-File"- et "-Nouveau projet"- et sélectionnez "-ASP.NET Web Application"- dans la liste des modèles disponibles Visual Studio.

  • Entrez un nom de votre choix dans la "-Nom"- zone de texte et cliquez sur le "-OK&bouton quot-.

Créer le formulaire

  • droite, cliquez sur le nom de votre projet dans le panneau Explorateur de solutions, placez votre curseur sur "-Ajouter"- et cliquez "-Nouveau dossier."

  • Nommez le dossier "-Images."

  • droite, cliquez sur le "-Default.aspx&fichier quot- dans le panneau Explorateur de solutions et de gauche; cliquez "-View Designer."- (Note: le concepteur fournit une page vide sur laquelle vous pouvez ajouter des contrôles, du texte et ainsi de suite).

  • Localisez le "-FileUpload&contrôle quot- dans le volet Boîte à outils, puis double-cliquez pour l`ajouter à la page. Alternativement, vous pouvez gauche, cliquez et maintenez pour le faire glisser sur votre page.

  • Localisez le "-Bouton&contrôle quot- dans le volet Boîte à outils et double-cliquez pour l`ajouter à la page.




  • Localisez le "-Image&contrôle quot- dans le volet Boîte à outils et double-cliquez pour l`ajouter à la page.

  • droite, cliquez sur le "-Bouton&contrôle quot- et à gauche; cliquez "-Properties."

  • Changer la "-texte&propriété quot- de "-Bouton"- à "-Submit"- dans le volet Propriétés et appuyez sur "-Entrez"- sur votre clavier.

Ecrire le code Upload

  • Double-cliquez sur le "-Submit&bouton quot- pour afficher la "-Default.aspx.cs&Code quot- derrière le fichier. (Note: tous les codes que vous tapez contient sont doit être compris entre les crochets d`ouverture et de fermeture ("- {"- et "-}"-) de l`événement Button1_Click.)

  • Type:
    string filePath = "- ~ / Images /"-;

    presse "-Entrez"- sur votre clavier.

  • Type:
    string filename = FileUpload1.FileName.ToString ();

    Presse `"-Entrée de votre clavier.

  • Type:
    FileUpload1.SaveAs (Server.MapPath (filePath) + fileName);

    presse "-Entrez"- sur votre clavier.

  • Type:
    Image1.ImageUrl = filePath + fileName;

  • Clique le "-Save All&icon quot- sur la barre d`outils standard pour enregistrer votre travail.

Construire et tester votre application

  • Cliquez "-construction [Nom du projet]"- dans le menu de construction où Nom du projet est le nom du projet Web, et vérifiez qu`il n`y a pas d`erreurs.

  • droite, cliquez sur le "-Default.aspx&Page quot- dans le volet Explorateur de solutions et de gauche; cliquez "-View dans le navigateur."

  • Clique le "-Parcourir&bouton quot-, et double-cliquez sur un fichier image (par exemple, .jpg, .jpg, .jpg) de votre disque dur de l`ordinateur.

  • Clique le "-Submit&bouton quot- et vérifier l`image que vous avez téléchargé affiche ci-dessous la "-Submit&bouton quot-.

  • Si votre test fonctionne correctement et l`image est affichée, vous pouvez alors publier votre projet à votre site Web.

Conseils & Avertissements

  • Vous pouvez télécharger plusieurs images en ajoutant simplement plus de contrôles d`image à la page.
  • Vous devez vous assurer que vous avez créé les permissions d`écriture appropriées pour le répertoire d`images lors de la publication de votre projet.

AUTRES

» » » » Comment télécharger des images vers des pages web asp.net à partir d`un ordinateur