ASP.NET Core基础之图片文件(一)-WebApi访问静态图片

最新推荐文章于 2025-06-13 16:37:24 发布
原创 最新推荐文章于 2025-06-13 16:37:24 发布 · 3k 阅读 · 21 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#.net core #后端

本文介绍了如何在ASP.NETCoreWebApi项目中通过UseStaticFiles中间件访问静态图片，包括默认wwwroot文件夹的使用以及自定义文件夹的配置，展示了如何设置不同路径的访问方式。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

阅读本文你的收获：

  1. 学会在WebApi项目中访问静态图片
  2. 了解静态文件中间件UseStaticFiles的用法

系统中免不了要去处理图片文件，比如上传商品的图片、显示商品的图片，访问系统中的图片等等，根据微软官网描述：

静态文件（如 HTML、CSS、图像和 JavaScript）是 ASP.NET Core 应用直接提供给客户端的资产。

那么怎么才能访问系统中的静态文件呢？本次，通过以下案例来演示在ASP.NET Core WebApi中如何访问静态图片。

开发环境：

操作系统： Windows 10 专业版
平台版本是：.NET 6
开发框架：ASP.NET Core WebApi
开发工具：Visual Studio 2022

一、显示wwwroot下的静态图片文件

静态文件存储在项目的 Web 根目录中。 默认的Web根目录路径为 "内容根目录/wwwroot"，其中的"内容根目录"需要知道一下—— 在开发中，内容根目录默认为项目的根目录，它是应用内容文件(如生成的exe、dll文件，json配置文件等)和 Web 根目录的基路径。按照以下步骤：

  1. 项目中创建wwwroot文件夹
    ASP.NET Core WebApi项目中默认没有wwwroot文件夹，项目上右键菜单依次单击“添加”-“新建文件夹”来创建一个wwwroot文件夹，接着在此文件夹下面创建images文件夹，并添加 wwwroot/images/eagle.jpg 文件
    在这里插入图片描述

  2. 在Program.cs中配置 静态文件中间件UseStaticFiles


//服务注册代码略...

// 配置HTTP请求管道 （Middleware 中间件：处理请求和响应的一些组件）
最低0.47元/天 解锁文章

200万优质内容无限畅学
.Net Core访问服务端图片API（设置访问图片名称及尺寸）
SCscHero的博客
04-06 2160
/// <summary> /// 访问图片 /// </summary> /// <param name="width">所访问图片的宽度,高度自动缩放,大于原图尺寸或者小于等于0返回原图</param> /// <param name="name">所要访...
ASP.NET Core基础之图片文件(二)-WebApi图片文件上传到文件夹
物联网大联盟
01-03 3934
在WebApi项目中如何上传图片到指定文件夹中？赶快来学习吧...
使用WebApi方式访问JPG和PDF
08-29
使用WebApi方式访问JPG和PDF,使用WebApi方式访问JPG和PDF
ImageSharp.Web 使用指南：高效处理ASP.NET Core中的图像
最新发布
李赛赛的专栏
06-13 1024
在现代Web开发中，图像处理是一个不可或缺的功能。无论是调整大小、裁剪、添加水印还是格式转换，高效的图像处理能显著提升用户体验和网站性能。ImageSharp.Web作为Six Labors团队推出的ASP.NET Core中间件，为开发者提供了强大而灵活的图像处理解决方案。
ASP.Net Core Web Api 使用静态文件
韬光养晦
06-18 1467
将 wwwroot 文件夹重命名为 MyWebRoot 后，需要在 Program 类的 Main() 方法中调用 UseWebRoot() 方法将 MyWebRoot 文件夹配置为 webroot 文件夹，如下所示。您可以根据自己的选择将 wwwroot 文件夹重命名为任何其他名称，并将其设置为 webroot，同时在 Program.cs 文件中准备托管环境。一、为了添加 wwwroot 文件夹，右键单击项目，然后选择 add => new folder 选项，然后将文件夹名称提供为 wwwroot。
webbrowser中localhost和发布的地址_Asp.Net Core中的静态文件12
weixin_39549936的博客
12-01 257
目录本文出自《从零开始学 ASP.NET CORE MVC》目录推荐文章：配置 ASP.NET Core 请求(Request)处理管道Asp.Net Core 中的静态文件在这个视频中我们将讨论如何使 ASP.NET Core 应用程序，支持静态文件，如 HTML，图像，CSS 和 JavaScript 文件。静态文件默认情况下，Asp.Net Core 应用程序不会提供静态文件。静...
asp.net core In Docker(Image)
weixin_30549175的博客
09-20 161
原文地址：https://www.cnblogs.com/stulzq/p/9059108.html 大家应该知道目前.NET Core(2.0)还是没有System.Drawing程序集，如果我们要使用Image等对象来完成生成图片验证码、图片二维码等操作只有通过第三方编写的组件，ZKWeb.System.Drawing便是其中一个，我们使用它以后，我们在windows上运行良好，无...
WebAPI封装接口返回图片流以及访问
MrLsss的博客
10-25 1838
2.然后发布IIS 单独请求：
ASP.NET Core MVC/WebApi基础系列1
10-17
总的来说，ASP.NET Core MVC 和 WebApi 提供了一套灵活的机制来处理静态文件和路由，使得开发者可以根据需求自定义文件位置和默认文件，同时与路由系统协同工作，保证了 web 应用的正常运行。在学习和实践中，理解...
ASP.NET Core MVC/WebApi基础探索：静态文件与默认文件配置
"ASP.NET Core MVC/WebApi基础教程的开篇，涵盖了UseStaticFiles、UseDefaultFiles、UseDirectoryBrowser和UseFileServer等核心组件的讲解，揭示了这些组件在处理静态文件和服务中的作用和配置细节。" ASP.NET Core...
ASP.NET Core单文件和多文件上传并保存到服务端的方法
10-15
在ASP.NET Core中处理文件上传是一项常见的任务，这包括单文件上传和多文件上传。以下将详细介绍这两种方法以及相关的配置和注意事项。 首先，为了能够处理文件上传，我们需要配置ASP.NET Core应用中的静态文件。...
WebWebWeb：制作Web API和静态文件服务器的最简便方法。 零依赖！
02-05
WebWebWeb 我们构建了最舒适的方法，使Web API和静态文件服务器在Twitch for Coding Cafe上运行！ WebWebWeb使您只需几行代码即可使用API超级轻松创建Web服务器。 如果您需要带有来自SSL证书的安全Web服务器，请签出 ，它会自动为您检索和更新它们，同时保持WebWebWeb的简单性！ Instafluff 喜欢这些项目吗？ 支持我的开源项目的最好方法是成为GitHub上的Comfy赞助商！ 快来Twitch上最舒适的角落与我们一起出去玩吧！ 使用说明 安装webwebweb npm install webwebweb --save 在端
.net core webapi使用静态文件
醉酒的李白、的博客
03-04 2372
//启用静态文件 app.UseStaticFiles(); //发布时服务器注册静态资源 string fileUpload = Path.Combine(AppDomain.CurrentDomain.BaseDirectory, "ExcelTemplate"); if (!Directory.Exists(fileUpload)) { Directory.CreateDirectory(fileUpload); } app.UseStaticFiles(new StaticFileOption.
.Net 6 WebApi 不能访问本地url图片的解决方案
qq_61325957的博客
05-31 2123
首先今天小编在iis上，用webapi swagger 接口上传了一个图片到项目文件夹，上传很成功，但是不能访问我是本地的iis服务器 然后项目里随意新建的文件夹访问路径是：localhost:8080/image/123.jpg 大概就是这种格式，然后就一直在报错404，访问不到资源握C，当时就给我整蒙了！咋办呢！涉及到只是盲区了啊家人们，以前都是人家写好的框架都告诉好了上传文件到哪里，都可以访问。但是小编励志一定要自己搞一下，奠定一下基础。
ASP.NET Core 上传文件 图片上传
KingCruel的专栏
09-23 4950
在 ASP.NET Core 中上传文件 1、单个文件 IFormFile 2、多个文件的集合： IFormFileCollection IEnumerable<IFormFile> 成员列表<IFormFile> * * * * * * * * * * * * * * * * * * * * *
.Net Core 访问图片或文件提示404问题
weixin_43343835的博客
04-21 2979
.Net Core项目直接访问文件会提示找不到文件，是因为app.UseStaticFiles()方法默认为wwwroot文件夹 //启用静态资源(无参默认wwwroot文件夹) app.UseStaticFiles() 若想直接通过路径访问文件，则客户以添加配置为静态目录，代码如下： var staticFile = new StaticFileOptions(); staticFile.FileProvider = new PhysicalFileProvider(
关于ASP.NET Core Web API项目中，无法访问项目中静态文件
qianOye的博客
05-03 597
遇到的问题添加配置中间件效果。
Asp.Net Core文件或图片上传
热门推荐
mrlal
06-29 14万+
管理后台上传的图片或文件可能也需要在 Api 项目能够访问，考虑到文件的统一管理，后台的文件默认 是上传到 Api 项目里的。 xxxxxx.Web 项目里的配置文件 appsetting.json 中的 ApiSite 节点就是配置管理后台使用的 Api 地址，所以如果管理后台和 Api 不在一个域名下，就涉及到跨域上传。当然，Api 项目通过配置是 支持跨域请求的， 在 Api 项目的配置文件 appsetting.json 中的 AllowCorsSite 节点就是配置允...
.Net Core 5 WebApi 项目下静态文件展示
哎呦呵-Net的专栏
01-01 4483
最近用api做了一个上传图片接口，文件上传到项目根目录的Upload文件夹了，但是通过url怎么也访问不到图片 是因为api默认是不支持静态文件的 需要在Startup中添加如下配置才能做到 这个是添加自定义目录的，亲测有效 app.UseStaticFiles(); //自定义目录 string filepath = System.IO.Path.Combine(AppDomain.CurrentDomain.BaseDirectory, ".
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

采石之人

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值