ASP.NET+C# FILEUPLOAD控件，如何上传图片到服务器并保存图片路径到数据库？

Posted 2023-05-13

参考技术A 我做了个例子给你\\x0d\\x0a前台：\\x0d\\x0a\\x0d\\x0a \\x0d\\x0a \\x0d\\x0a \\x0d\\x0a \\x0d\\x0a后台：\\x0d\\x0a protected void Button1_Click(object sender, EventArgs e)\\x0d\\x0a \\x0d\\x0a FileUpload1.SaveAs(Server.MapPath("img/"+FileUpload1.FileName));//上传图片\\x0d\\x0a Image1.ImageUrl = "~/img/" + FileUpload1.FileName;//图片路径（将这个数据保存到数据库就可以了。img为项目里一个文件夹的名称）\\x0d\\x0a

在 ASP.net 中上传文件而不使用 FileUpload 服务器控件

【中文标题】在 ASP.net 中上传文件而不使用 FileUpload 服务器控件

【英文标题】：Uploading Files in ASP.net without using the FileUpload server control

【发布时间】：2010-10-08 20:19:49

【问题描述】：

如何获取 ASP.net 网络表单 (v3.5) 以使用普通的旧 <input type="file" /> 发布文件？

我对使用 ASP.net FileUpload 服务器控件不感兴趣。

【参考方案1】：

//create a folder in server (~/Uploads)
 //to upload
 File.Copy(@"D:\CORREO.txt", Server.MapPath("~/Uploads/CORREO.txt"));

 //to download
             Response.ContentType = ContentType;
             Response.AppendHeader("Content-Disposition", "attachment;filename=" + Path.GetFileName("~/Uploads/CORREO.txt"));
             Response.WriteFile("~/Uploads/CORREO.txt");
             Response.End();

【参考方案2】：

是的，您可以通过 ajax post 方法实现这一点。在服务器端，您可以使用 httphandler。 所以我们没有根据您的要求使用任何服务器控件。

使用 ajax 也可以显示上传进度。

您必须将文件作为输入流读取。

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);
        
     

示例代码

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();
                
            
        
    

【讨论】：

也许您应该添加提示以添加 fs.close() 其他所有内容都可能以无法读取的文件结尾，因为它们在 IIS 中以某种方式保持打开状态。

@mistapink 执行离开 using 块时文件流没有关闭吗？

@Sebi 似乎差不多 3 年前它没有。好久没试了，所以在这里无法给出肯定的答案。对不起。

【参考方案3】：

这是一个不依赖任何服务器端控件的解决方案，就像 OP 在问题中描述的那样。

客户端 HTML 代码：

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

upload.aspx的Page_Load方法：

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
    

【讨论】：

注意 HTTPWebRequest 调用在 MyFile.FileName 中发送完整文件路径。 WebClient 调用只发送文件名。 HTTPWebRequest 将导致 MyFile.SaveAs 失败。只是浪费时间追逐一位工作的客户而一位没有工作的客户。

我只使用了Request.Files[0] 而不是Request.Files["UploadedFile"]，而OP 使用的是直接的ASP .NET 而不是MVC，如果有人想将它用于MVC，你只需要HttpPostedFileBase 而不是HttpPostedFile.

【参考方案4】：

正如其他人已经回答的那样，Request.Files 是一个包含所有已发布文件的 HttpFileCollection，您只需要像这样向该对象询问文件：

Request.Files["myFile"]

但是当有多个输入标记具有相同的属性名称时会发生什么：

Select file 1 <input type="file" name="myFiles" />
Select file 2 <input type="file" name="myFiles" />

在服务器端，前面的代码 Request.Files["myFile"] 只返回一个 HttpPostedFile 对象，而不是两个文件。我在 .net 4.5 上看到了一个名为 GetMultiple 的扩展方法，但对于以前的版本它不存在，为此我建议扩展方法为：

public static IEnumerable<HttpPostedFile> GetMultiple(this HttpFileCollection pCollection, string pName)

        for (int i = 0; i < pCollection.Count; i++)
        
            if (pCollection.GetKey(i).Equals(pName))
            
                yield return pCollection.Get(i);
            
        

如果存在，此扩展方法将返回 HttpFileCollection 中名为“myFiles”的所有 HttpPostedFile 对象。

【参考方案5】：

您必须将form 的enctype 属性设置为multipart/form-data； 然后您可以使用HttpRequest.Files 集合访问上传的文件。

【讨论】：

我的服务器表单在母版页上，我无法添加 multipart/form-data（因为它会在每个页面上）。一个快速而简单的解决方法是在页面中添加一个隐藏的 FileUpload 控件。 WebForms 然后自动添加了 multipart/form-data。我必须这样做，因为我在 Angular2 中使用文件输入，并且无法在组件模板中使用服务器控件。

【参考方案6】：

在你的 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>

在后面的代码中：

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)));
    

【讨论】：

@mathieu，可惜你的变种确实使用了runat="server"，它并不独立于 ASP.NET 的服务器内容

如果有超过 1 个输入并且您希望对两组文件执行单独的功能，该怎么办。

在使用它上传多个文件时，它为所有文件返回相同的文件名，因此将第一个文件保存 n 次。知道如何克服它吗？

@Martina Check this code snippet 保存多个文件

@DanielJ。如果您之后要对文件执行任何操作（即将其存储在数据库中），则没有可能不使用代码隐藏。当然，您可以直接使用 JavaScript 来获取输入和文件：var fileUploaded = document.getElementById("myFile").files[0];，甚至可以使用readAsArrayBuffer：***.com/questions/37134433/… 获取字节——但是您将在客户端处理所有这些字节吗？ OP 希望完全避免 ASP .NET 控件而不是服务器端通信。 -1 给你。

【参考方案7】：

使用带有 runat 服务器属性的 HTML 控件

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

然后在asp.net Codebehind中

 FileInput.PostedFile.SaveAs("DestinationPath");

如果您有兴趣，还有一些3'rd party 选项会显示进度

【讨论】：

再一次，这就是把它变成一个服务器控件。 ;)

@ahwm OP 想要避免使用 ASP .NET FileUpload 控件 (<asp:FileUpload ID="fileUpload1" runat="server"></asp:FileUpload>) 这与说不要在 input 字段上放置 runat=server 不同。

我认为这意味着他们不想使用 ASP.NET 控件。其中包括HtmlInputFile 控件。

【参考方案8】：

Request.Files 集合包含随表单上传的所有文件，无论它们来自 FileUpload 控件还是手动编写的 <input type="file">。

所以你可以在你的 WebForm 中间写一个普通的旧文件输入标签，然后读取从 Request.Files 集合上传的文件。

【参考方案9】：

HtmlInputFile control

我一直都在用这个。

【讨论】：

这需要添加runat="server"，这实际上将其变成了他们不想使用的服务器控件。

@ahwm 不，OP 不想使用特定的 ASP .NET FileUpload 控件。这与一般说他们不想使用服务器端控件不同。