Comment télécharger des images sur des pages Web ASP.NET partir d'un ordinateur

Images sur une page Web sont affichées en utilisant le HTML "-&tag quot-. Vous pouvez télécharger des images à partir de votre ordinateur à une page Web ASP.NET utilisant un composant .NET appelé "-FileUpload"- contrôle. Vous pouvez alors afficher l'image en ajoutant un autre composant .NET appelé "-image"- contrôle 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 pour téléchargement à partir du site de Microsoft.

Choses que vous devez

  • Visual Studio 2005 ou plus tard
  • ASP.NET site permis
  1. Créer un nouveau projet

    • 1

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

    • 2

      Cliquez "-Fichier"- et "-Nouveau projet"- et sélectionnez "-ASP.NET application Web"- de la liste des modèles disponibles de Visual Studio.

    • 3

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

    • Créer le formulaire

      • 1

        droit; cliquez sur le nom de votre projet dans le panneau Explorateur de solutions, pointez votre curseur dessus &Ajouter quot-"- et clic "-Nouveau dossier."

      • 2

        Nommez le dossier "-Images."

      • 3

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

      • 4

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

      • 5

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

      • 6



        Localisez le "-image"- contrôle dans le volet Boîte à outils et double-cliquez pour l'ajouter à la page.

      • 7

        droit; cliquez sur le "-Bouton"- contrôle et à gauche; cliquez sur "-Propriétés."

      • 8

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

      Ecrire le Code chargement

      • 1

        Double-cliquez sur le "-Proposez"- bouton pour afficher le "-Default.aspx.cs&Code quot- derrière le fichier. (Note: tous les codes que vous tapez contient sont devrait être entre les parenthèses d'ouverture et de fermeture ("- {"- et "-}"-) de l'événement Button1_Click.)

      • 2

        Type:
        chaîne filePath = "- ~ / Images /"-;

        Presse "-Entrez"- sur votre clavier.

      • 3

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

        Appuyez sur '"-Entrée de votre clavier.

      • 4



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

        Presse "-Entrez"- sur votre clavier.

      • 5

        Type:
        Image1.ImageUrl = filePath + fileName;

      • 6

        Cliquez sur le "-Save All"- icône sur la barre d'outils Standard pour enregistrer votre travail.

      Construire et tester votre application

      • 1

        Cliquez "-construction [Nom du projet]"- dans le menu de construction où Nom du projet est le nom du projet Web, et de vérifier l'absence d'erreurs.

      • 2

        droit; cliquez sur le "-Default.aspx&Cette page quot- dans le volet Explorateur de solutions et de gauche; cliquez sur "-Afficher dans le navigateur."

      • 3

        Cliquez sur le "-Parcourir"- bouton, et double-cliquez sur un fichier image (par exemple, .jpg, .png, .bmp) de votre disque dur de l'ordinateur.

      • 4

        Cliquez sur le "-Proposez"- bouton et vérifier l'image que vous téléchargés affiche en dessous de la "-Proposez"- bouton.

      • 5

        Si votre test fonctionne correctement et que l'image est affichée, vous pouvez ensuite 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 des images lors de la publication de votre projet.
    » » » » Comment télécharger des images sur des pages Web ASP.NET partir d'un ordinateur