如何通过 ASP.NET MVC 上传文件并显示进度条?

     2023-02-24     10

关键词:

【中文标题】如何通过 ASP.NET MVC 上传文件并显示进度条?【英文标题】:How can I upload a file via ASP.NET MVC and show a progress bar? 【发布时间】:2010-11-01 22:56:22 【问题描述】:

我希望允许用户在我的 ASP.NET MVC 应用程序中浏览文件并将其上传到服务器。

如果可能的话,我有兴趣添加一个进度条来显示已上传了多少文件。

有人有类似的例子吗?我应该使用 jQuery 来执行此操作吗?

【问题讨论】:

试试这个Ajax Multiple file upload script with Progress bar, Drag and Drop qq.FileUploader in mvc 4 razor 【参考方案1】:

Uploadify 很好,但是我们不能使用 Flash,所以我们使用 Darren Johnstone 的文件上传控件:

ASP.Net 文件上传/下载模块版本 2http://darrenjohnstone.net/2008/07/15/aspnet-file-upload-module-version-2-beta-1/

它包括一个完全由 Javascript 驱动的进度条对话框,甚至可以将文件直接上传和下载到 SQL Server 数据库。

【讨论】:

您是否在 MVC 应用程序中使用此上传控件?如果是这样,你介意发布一个代码 sn-p 来说明如何让它工作吗? 我们还没有实现,抱歉。 死链接;有方便的替代品吗? 在 SourceForge 上找到了这个,但没有要下载的项目文件:sourceforge.net/projects/fileuploadmod【参考方案2】:

ASP.NET MVC 的美妙之处在于,您可以选择几乎任何开箱即用的上传组件并毫无问题地使用它。

这个 jQuery 插件是一个不错的选择,也是我在项目中使用的一个: Uploadify

【讨论】:

您如何在不依赖 Flash 的情况下让 Uploadify 工作? 刚刚从项目中删除了 Uploadify。 Flash 正在逐步淘汰。进度条不值得你的应用不能在很多浏览器中运行。【参考方案3】:

Steve Sanderson 不久前在他的blog 上放了一些我觉得很有帮助的例子。他也有源代码。

【讨论】:

如何防止在asp.net mvc中上传exe文件

】如何防止在asp.netmvc中上传exe文件【英文标题】:howtopreventuploadingofexefileinasp.netmvc【发布时间】:2011-10-1908:39:29【问题描述】:我正在寻找一个好的解决方案,通过它我们可以防止将exe文件上传到服务器上。如果我们可以通过... 查看详情

上传图片并在 asp.net core mvc 中显示

】上传图片并在asp.netcoremvc中显示【英文标题】:uploadimageandshowthatinasp.netcoremvc【发布时间】:2021-07-2302:12:07【问题描述】:我是dotnet和asp.net(C#)的新手,想从用户那里获取图像,然后在索引页面上显示它们。我该怎么做?在**mode... 查看详情

Asp.net MVC:上传多个图像文件?

...【发布时间】:2014-11-0411:58:11【问题描述】:有没有一个如何在asp.netmvc中上传多个图像文件的好例子?我知道我们可以使用HttpPostedFileBase上传一个文件。有没有办法通过单击一个按钮上传多个文件?我之前在webform的ajaxtoolbox中... 查看详情

如何汇总数据库的一列并通过asp.net mvc中的标签显示?

】如何汇总数据库的一列并通过asp.netmvc中的标签显示?【英文标题】:Howtototalupacolumnofadatabaseanddisplayitthroughalabelinasp.netmvc?【发布时间】:2016-03-0114:02:04【问题描述】:我想计算一个db列(Amount)的总和并将其显示在视图中总标签... 查看详情

如何在 ASP.NET MVC 中处理 HTML5 多文件上传?

】如何在ASP.NETMVC中处理HTML5多文件上传?【英文标题】:HowdoIhandleHTML5MultipleFileuploadsinASP.NETMVC?【发布时间】:2014-03-1403:01:48【问题描述】:我找到了followinggreatthread,其中解释了如何使用新的HTML5FormDataAPI通过AJAX/Jquery进行文件上... 查看详情

通过 asp.net mvc 上传时以编程方式扫描文件

】通过asp.netmvc上传时以编程方式扫描文件【英文标题】:scanfilesprogramaticallywhenuploadingviaasp.netmvc【发布时间】:2011-05-1107:35:41【问题描述】:我们正在使用HttpPostedFileBase将文件上传到我们的asp.netmvc应用程序。是否有一些聪明的... 查看详情

如何在 ASP.Net MVC 4 中上传大文件

】如何在ASP.NetMVC4中上传大文件【英文标题】:HowtouploadlargefilesinASP.NetMVC4【发布时间】:2014-08-2222:45:48【问题描述】:我在控制器中有这样的代码:Request.Files.Get("img").SaveAs(Server.MapPath("~/Images/ImgSong/"++Out.Id+".jpg"));它只允许上传一... 查看详情

如何使用ajax在asp.net mvc中上传多个图像

】如何使用ajax在asp.netmvc中上传多个图像【英文标题】:howtouploadmultipleimageinasp.netmvcusingajax【发布时间】:2018-08-2820:00:30【问题描述】:我正在尝试使用ASP.NETMVC和Ajax上传多个图像。能够使代码正常工作并上传1张图像,但发现很... 查看详情

ASP.NET MVC 获取带有用户 ID 的文件上传名称并应用于单独的字段

】ASP.NETMVC获取带有用户ID的文件上传名称并应用于单独的字段【英文标题】:ASP.NETMVCGetFileUploadnamewithuseridandapplytoseparatefield【发布时间】:2015-04-1422:47:57【问题描述】:我的文件下载和上传工作正常,但我正在尝试将用户ID添加... 查看详情

通过引导模式对话框结果重定向浏览器的 ASP.Net MVC 文件上传

】通过引导模式对话框结果重定向浏览器的ASP.NetMVC文件上传【英文标题】:ASP.NetMVCFileUploadviaBootstrapModalDialogresultsredirectbrowser【发布时间】:2018-12-2611:04:48【问题描述】:我在引导模式对话框(Bootstrap4)上有一个带有少量文本字段... 查看详情

ASP.Net MVC 使用 jquery-form 插件上传文件并返回 Json 结果

】ASP.NetMVC使用jquery-form插件上传文件并返回Json结果【英文标题】:ASP.NetMVCUploadfileusingjquery-formpluginandreturningaJsonresult【发布时间】:2011-07-0117:44:42【问题描述】:我正在尝试使用JQuery表单插件(http://jquery.malsup.com/form/)从我的视图... 查看详情

如何在 asp.net mvc 中显示来自 Amazon S3 的图像文件?

】如何在asp.netmvc中显示来自AmazonS3的图像文件?【英文标题】:HowcanIshowimagefilefromAmazonS3inasp.netmvc?【发布时间】:2011-01-1808:03:38【问题描述】:我需要使用控制器/动作在视图页面中显示图像(缩略图)。(例如:/Image/Thumbnail)... 查看详情

在 ASP.NET MVC 中通过 JQuery AJAX 上传文件

】在ASP.NETMVC中通过JQueryAJAX上传文件【英文标题】:FileUploadThroughJQueryAJAXInASP.NETMVC【发布时间】:2021-12-1016:17:44【问题描述】:我需要向候选人发送邀请,其中用户选择excel文件,将其从ajax传输到控制器并验证其大小、类型等。... 查看详情

如何使用 ajax 将文件上传到 asp.net mvc 控制器操作

】如何使用ajax将文件上传到asp.netmvc控制器操作【英文标题】:Howtouploadfilesusingajaxtoasp.netmvccontrolleraction【发布时间】:2016-12-0618:57:16【问题描述】:我有这个提交代码,$(\'#form\').on(\'submit\',function(e)e.preventDefault();//varfile=$("#produc... 查看详情

如何通过在 ASP.NET MVC 框架中调用 ajax 来显示 kendoDropDownList?

】如何通过在ASP.NETMVC框架中调用ajax来显示kendoDropDownList?【英文标题】:HowtodisplaykendoDropDownListbycallingajaxinASP.NETMVCframework?【发布时间】:2021-07-2404:33:33【问题描述】:我有一个剑道kendoDropDownList。我试图通过调用Ajax来填充下拉... 查看详情

文件/图像上传后 ASP.NET 3.0 mvc 应用程序崩溃

】文件/图像上传后ASP.NET3.0mvc应用程序崩溃【英文标题】:ASP.NET3.0mvcappcrashafterfile/imageupload【发布时间】:2020-04-2322:29:27【问题描述】:我正在使用ASP.NetCore3.0,我想创建一个带有图像的新产品,但是在我从文件上传中选择图像... 查看详情

如何使用 MS 数据库(ASP.NET Core MVC)通过表格显示信息?

】如何使用MS数据库(ASP.NETCoreMVC)通过表格显示信息?【英文标题】:HowtodisplayinformationwithatableusingMSdatabase(ASP.NETCoreMVC)?【发布时间】:2021-12-2813:47:11【问题描述】:我创建了这个项目,它有一个使用身份的注册和登录页面。我... 查看详情

如何在 ASP.Net MVC - 5 应用程序中显示版本号并自动递增

】如何在ASP.NetMVC-5应用程序中显示版本号并自动递增【英文标题】:HowtodisplayversionnumberandautoincrementitinASP.NetMVC-5Application【发布时间】:2017-06-0118:37:32【问题描述】:我正在开发ASP.NetMVCWeb应用程序。因此,我在localhost中进行了更... 查看详情