Télécharger des fichiers en ASP.net sans utiliser le contrôle de serveur FileUpload

Question

Comment puis-je faire en sorte qu'un formulaire Web ASP.net (v3.5) affiche un fichier à l'aide d'un simple formulaire de type <input type="file" /> ?

Je ne souhaite pas utiliser le contrôle de serveur FileUpload d'ASP.net.

Answer 1

Dans votre aspx :

<form id="form1" runat="server" enctype="multipart/form-data">
 <input type="file" id="myFile" name="myFile" />
 <asp:Button runat="server" ID="btnUpload" OnClick="btnUploadClick" Text="Upload" />
</form>

Dans le code derrière :

protected void btnUploadClick(object sender, EventArgs e)
{
    HttpPostedFile file = Request.Files["myFile"];

    //check file was submitted
    if (file != null && file.ContentLength > 0)
    {
        string fname = Path.GetFileName(file.FileName);
        file.SaveAs(Server.MapPath(Path.Combine("~/App_Data/", fname)));
    }
}

Answer 2

Voici une solution qui ne repose sur aucun contrôle côté serveur, comme le décrit le PO dans sa question.

Code HTML côté client :

<form action="upload.aspx" method="post" enctype="multipart/form-data">
    <input type="file" name="UploadedFile" />
</form>

Méthode Page_Load de upload.aspx :

if(Request.Files["UploadedFile"] != null)
{
    HttpPostedFile MyFile = Request.Files["UploadedFile"];
    //Setting location to upload files
    string TargetLocation = Server.MapPath("~/Files/");
    try
    {
        if (MyFile.ContentLength > 0)
        {
            //Determining file name. You can format it as you wish.
            string FileName = MyFile.FileName;
            //Determining file size.
            int FileSize = MyFile.ContentLength;
            //Creating a byte array corresponding to file size.
            byte[] FileByteArray = new byte[FileSize];
            //Posted file is being pushed into byte array.
            MyFile.InputStream.Read(FileByteArray, 0, FileSize);
            //Uploading properly formatted file to server.
            MyFile.SaveAs(TargetLocation + FileName);
        }
    }
    catch(Exception BlueScreen)
    {
        //Handle errors
    }
}

Answer 3

Vous devrez définir le enctype de l'attribut form a multipart/form-data ; vous pouvez alors accéder au fichier téléchargé en utilisant la commande HttpRequest.Files collection.

Answer 4

Utiliser le contrôle HTML avec un attribut de serveur runat

 <input id="FileInput" runat="server" type="file" />

Puis dans asp.net Codebehind

 FileInput.PostedFile.SaveAs("DestinationPath");

Il y a aussi des 3ème partie des options qui montrent les progrès réalisés si vous êtes intéressés

Answer 5

Oui, vous pouvez réaliser ceci par la méthode ajax post. Du côté du serveur, vous pouvez utiliser httphandler. Donc, nous n'utilisons pas de contrôles de serveur comme vous l'avez demandé.

avec ajax vous pouvez aussi montrer la progression du téléchargement.

vous devrez lire le fichier comme un flux d'entrée.

using (FileStream fs = File.Create("D:\\_Workarea\\" + fileName))
    {
        Byte[] buffer = new Byte[32 * 1024];
        int read = context.Request.GetBufferlessInputStream().Read(buffer, 0, buffer.Length);
        while (read > 0)
        {
            fs.Write(buffer, 0, read);
            read = context.Request.GetBufferlessInputStream().Read(buffer, 0, buffer.Length);
        }
    } 

Exemple de code

function sendFile(file) {              
        debugger;
        $.ajax({
            url: 'handler/FileUploader.ashx?FileName=' + file.name, //server script to process data
            type: 'POST',
            xhr: function () {
                myXhr = $.ajaxSettings.xhr();
                if (myXhr.upload) {
                    myXhr.upload.addEventListener('progress', progressHandlingFunction, false);
                }
                return myXhr;
            },
            success: function (result) {                    
                //On success if you want to perform some tasks.
            },
            data: file,
            cache: false,
            contentType: false,
            processData: false
        });
        function progressHandlingFunction(e) {
            if (e.lengthComputable) {
                var s = parseInt((e.loaded / e.total) * 100);
                $("#progress" + currFile).text(s + "%");
                $("#progbarWidth" + currFile).width(s + "%");
                if (s == 100) {
                    triggerNextFileUpload();
                }
            }
        }
    }