.net core api 图片上传与加载

最新推荐文章于 2024-04-26 10:06:57 发布
最新推荐文章于 2024-04-26 10:06:57 发布
阅读量7.1k 收藏 16
点赞数 3
分类专栏： .net core api 文章标签： .net core api 图片
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41841878/article/details/89996131
版权

关于.net core API 图片上传与加载 文件夹

[TOC]

1.上传图片
1.配置Swagger 与文件夹、接口添加
1.建立.net core api 项目 下载 NuGet 包 Swashbuckle.AspNetCore 
2.进入 starup 中 ConfigureServices 配置 ，添加如下代码
3.点击项目右键属性->生成->XML 文档文件 ✔ 上，接着在取消显示警告添加1591->保存

            services.AddSwaggerGen(s =>

           {

               s.SwaggerDoc("v1", new Info

               {

                   Title = "图片上传",

                   Description = "图片上传测试",

                   Version = "v1"

               });



               #region XML备注



               var basePath = Path.GetDirectoryName(AppContext.BaseDirectory);

               var imagePath = Path.Combine(basePath, "ImageDemo.xml");

               s.IncludeXmlComments(imagePath,true);



               #endregion

           });


4.进入 starup 中 Configure 配置 ，添加如下代码

app.UseSwagger();
app.UseSwaggerUI(s => s.SwaggerEndpoint("/swagger/v1/swagger.json", "v1版本"));

5.点击 Properties 编辑为下面

{
  /*"$schema": "http://json.schemastore.org/launchsettings.json",
  "iisSettings": {
    "windowsAuthentication": false, 
    "anonymousAuthentication": true, 
    "iisExpress": {
      "applicationUrl": "http://localhost:59623",
      "sslPort": 44385
    }
  },*/
  "profiles": {/*
    "IIS Express": {
      "commandName": "IISExpress",
      "launchBrowser": true,
      "launchUrl": "api/values",
      "environmentVariables": {
        "ASPNETCORE_ENVIRONMENT": "Development"
      }
    },*/
    "ImageDemo": {
      "commandName": "Project",
      "launchBrowser": true,
      "launchUrl": "swagger",
      "applicationUrl": "https://localhost:5001;http://localhost:5000",
      "environmentVariables": {
        "ASPNETCORE_ENVIRONMENT": "Development"
      }
    }
  }
}

6.运行项目，便可以看到结果，以上 Swagger 配置完毕
2.编写接口

  1. 添加三个文件夹

    • Images 存储图片
      • 里面在设置一个名称为 6 的文件夹
    • IRepositories 接口文件夹
      • 新建接口类 IImagesResource
    • Repositories 实现类文件夹
      • 新建实现类 ImagesResource

  2. 实现类代码

using Microsoft.AspNetCore.Http;
using Microsoft.AspNetCore.Mvc;

namespace ImageDemo.IRepositories
{
    public interface IImagesResource
    {
        /// <summary>
        /// 加载图片
        /// </summary>
        /// <param name="path">路径</param>
        /// <param name="name">图片名</param>
        /// <returns></returns>
        FileContentResult LoadingPhoto(string path, string name);

        /// <summary>
        /// 上传图片
        /// </summary>
        /// <param name="formFile">图片</param>
        /// <param name="path">路径</param>
        /// <param name="name">图片名字</param>
        /// <returns></returns>
        CustomStatusCode UpLoadPhoto(IFormFile formFile, string path);
    }
}
2.实现图片上传

先上代码
实现类总代码

using System;
using System.IO;
using System.Linq;
using ImageDemo.IRepositories;
using Microsoft.AspNetCore.Http;
using Microsoft.AspNetCore.Mvc;

namespace ImageDemo.Repositories
{
    public class ImagesResource:ControllerBase,IImagesResource
    {
        public static string[] LimitPictureType = {".PNG", ".JPG", ".JPEG", ".BMP", ".ICO"};

        /// <summary>
        /// 加载图片
        /// </summary>
        /// <param name="path"></param>
        /// <param name="name"></param>
        /// <returns></returns>
        public FileContentResult LoadingPhoto(string path, string name)
        {
            path = Directory.GetCurrentDirectory() + path + name + ".jpeg";
            FileInfo fi=new FileInfo(path);
            if (!fi.Exists)
            {
                return null;
            }

            FileStream fs = fi.OpenRead();
            byte[] buffer=new byte[fi.Length];
            //读取图片字节流
            //从流中读取一个字节块，并在给定的缓冲区中写入数据。
            fs.Read(buffer, 0, Convert.ToInt32(fi.Length));
            var resource = File(buffer, "image/jpeg");
            fs.Close();
            return resource;
        }

        /// <summary>
        /// 上传图片
        /// </summary>
        /// <param name="formFile"></param>
        /// <param name="path">路劲</param>
        /// <returns></returns>
        public CustomStatusCode UpLoadPhoto(IFormFile formFile, string path)
        {
            CustomStatusCode code;
            var currentPictureWithoutExtension = Path.GetFileNameWithoutExtension(formFile.FileName);
            var currentPictureExtension = Path.GetExtension(formFile.FileName).ToUpper();
            path = Directory.GetCurrentDirectory() + path;
            if (LimitPictureType.Contains(currentPictureExtension))
            {
                if (!Directory.Exists(path))
                {
                    Directory.CreateDirectory(path);
                }

                string name = currentPictureWithoutExtension + ".jpeg";
                path += name;
                using (var fs=System.IO.File.Create(path))
                {
                    formFile.CopyTo(fs);
                    //Stream 都有 Flush() 方法，
                    //根据官方文档的说法
                    //“使用此方法将所有信息从基础缓冲区移动到其目标或清除缓冲区，或者同时执行这两种操作”
                    fs.Flush();
                }
                code = new CustomStatusCode
                {
                    Status = "200",
                    Message = $"图片 {name} 上传成功"
                };
                return code;
            }
            code = new CustomStatusCode
            {
                Status = "400",
                Message = $"图片上传失败，格式错误"
            };
            return code;
        }
    }
}

上面有个重点是实现类还继承了 ControllerBase，并且继承位置要在IImagesResource之前
其中 CustomStatusCode 类是信息返回类下面贴下

namespace ImageDemo
{
    public class CustomStatusCode
    {
        public object Status;
        public object Message { get; set; }
        public object Data { get; set; }
    }
}

取出里面的上传图片代码

        /// <summary>
        /// 上传图片
        /// </summary>
        /// <param name="formFile">图片</param>
        /// <param name="path">路劲</param>
        /// <returns></returns>
        public CustomStatusCode UpLoadPhoto(IFormFile formFile, string path)
        {
            CustomStatusCode code;
            var currentPictureWithoutExtension = Path.GetFileNameWithoutExtension(formFile.FileName);
            var currentPictureExtension = Path.GetExtension(formFile.FileName).ToUpper();
            path = Directory.GetCurrentDirectory() + path;
            if (LimitPictureType.Contains(currentPictureExtension))
            {
                if (!Directory.Exists(path))
                {
                    Directory.CreateDirectory(path);
                }

                string name = currentPictureWithoutExtension + ".jpeg";
                path += name;
                using (var fs=System.IO.File.Create(path))
                {
                    formFile.CopyTo(fs);
                    //Stream 都有 Flush() 方法，
                    //根据官方文档的说法
                    //“使用此方法将所有信息从基础缓冲区移动到其目标或清除缓冲区，或者同时执行这两种操作”
                    fs.Flush();
                }
                code = new CustomStatusCode
                {
                    Status = "200",
                    Message = $"图片 {name} 上传成功"
                };
                return code;
            }
            code = new CustomStatusCode
            {
                Status = "400",
                Message = $"图片上传失败，格式错误"
            };
            return code;
        }

解释阶段

  1. IFormFile
    • 是上传的文件
  2. var currentPictureWithoutExtension = Path.GetFileNameWithoutExtension(formFile.FileName);
    • 获取没有后缀扩展名的文件名，如传过来的是 image.png,经过上面 currentPictureWithoutExtension = image
  3. var currentPictureExtension = Path.GetExtension(formFile.FileName).ToUpper();
    • 得到 formFile 的扩展名并将其大写
  4. path = Directory.GetCurrentDirectory() + path;
    • Directory.GetCurrentDirectory()得到当前程序的路劲，也就是和 Starup.cs 文件同等级的存在
  5. string name = currentPictureWithoutExtension + “.jpeg”;
    • 这段代码是为了保存图片将后缀名统一，因为提取图片需要后缀名，以后提取图片方便点，这是个很次的写法，当时没想到其他的方法，这个方法不怎么可取后面我会改，先留个坑
  6. fs.Flush();
    • 这个解释是看网上的说明

    • Stream 都有 Flush() 方法，根据官方文档的说法“使用此方法将所有信息从基础缓冲区移动到其目标或清除缓冲区，或者同时执行这两种操作”

3.加载图片

贴代码

        /// <summary>
       /// 加载图片
       /// </summary>
       /// <param name="path"></param>
       /// <param name="name"></param>
       /// <returns></returns>
       public FileContentResult LoadingPhoto(string path, string name)
       {
           path = Directory.GetCurrentDirectory() + path + name + ".jpeg";
           FileInfo fi=new FileInfo(path);
           if (!fi.Exists)
           {
               return null;
           }

           FileStream fs = fi.OpenRead();
           byte[] buffer=new byte[fi.Length];
           //读取图片字节流
           //从流中读取一个字节块，并在给定的缓冲区中写入数据。
           fs.Read(buffer, 0, Convert.ToInt32(fi.Length));
           var resource = File(buffer, "image/jpeg");
           fs.Close();
           return resource;
       }
  1. File(buffer, “image/jpeg”)
    • 这个方法继承自 ControllerBase 并不是来自 using System.IO 中
    • 至于怎样用 using System.IO; 把图片取出来…我还没学，望大佬教教
4.Controller 控制器

贴代码

using ImageDemo.Db;
using ImageDemo.IRepositories;
using Microsoft.AspNetCore.Http;
using Microsoft.AspNetCore.Mvc;
using Microsoft.Extensions.Logging;
using System.Collections.Generic;
using System.IO;

namespace ImageDemo.Controllers
{
[Route(“api/[controller]”)]
[ApiController]
public class ValuesController : ControllerBase
{
#region Inistial

    private readonly DbContext _dbContext;
    private readonly IImagesResource _imagesResource;

    private readonly ILogger<ValuesController> _logger;

    public ValuesController(
        ILogger<ValuesController> logger,
        DbContext dbContext,
        IImagesResource imagesResource)
    {
        _logger = logger;
        _dbContext = dbContext;
        _imagesResource = imagesResource;
    }

    #endregion

    /// <summary>
    /// 批量上传图片
    /// </summary>
    /// <param name="file"></param>
    /// <param name="formCollection"></param>
    [HttpPost]
    public IActionResult Post([FromForm] IFormFileCollection formCollection)
    {
        IList<CustomStatusCode> code=new List<CustomStatusCode>();
            if (formCollection.Count > 0)
            foreach (IFormFile file in formCollection)
            {
                var currentCode=_imagesResource.UpLoadPhoto(file, @"\images\6\");
                code.Add(currentCode);
            }

            return StatusCode(200,code);
    }

    /// <summary>
    /// 获取图片
    /// </summary>
    /// <param name="imgName"></param>
    /// <returns></returns>
    [HttpGet]
    public IActionResult Get(string imgName)
    {
        var image = _imagesResource.LoadingPhoto("\\Images\\6\\", imgName);
        if (image == null)
        {
            _logger.LogInformation($"图片 {imgName} 不存在");
            var code = new CustomStatusCode
            {
                Status = "404",
                Message = $"图片 {imgName} 加载不存在"
            };
            return StatusCode(404, code);
        }

        return image;

        #region MyRegion

        /*string[] LimitPictureType =
            {".PNG", ".JPG", ".JPEG", ".BMP", ".GIF", ".ICO"};
        GetFileName(di);
        

        

        
        string path = Directory.GetCurrentDirectory()+ $@"\Images\6\{imgName}"+".jpeg";

        FileInfo fi = new FileInfo(path);
        FileStream fs = fi.OpenRead(); ;
        byte[] buffer = new byte[fi.Length];
        //读取图片字节流
        fs.Read(buffer, 0, Convert.ToInt32(fi.Length));
        var response = File(buffer, "image/jpeg");
        fs.Close();
        return response;
        */

        #endregion
    }

    private static IList<string> path = new List<string>(); //保存你图片名称
    DirectoryInfo di = new DirectoryInfo(Directory.GetCurrentDirectory()+@"\Images\6\");

    /// <summary>
    /// 加载目录内文件夹名
    /// </summary>
    /// <param name="info"></param>
    public static void GetFileName(DirectoryInfo info)
    {
        //获取该路径下的所有文件的列表
        FileInfo[] fileInfo = info.GetFiles();

        //开始得到图片名称
        foreach (FileInfo subinfo in fileInfo)
        {
            //判断扩展名是否相同
            // if (subinfo.Extension == extension)
            // {
            string strname = subinfo.Name; //获取文件名称

            path.Add(strname); //把文件名称保存在泛型集合中
            // }
        }
    }
}

}

5.想法，问题与 GitHub

问题：

  1. 上传图片可以多张上传，加载图片的方法本来也想多张加载，当时多张的话，图片就会变成字符串的形式，不知为何，求解
  2. 如果不用 ControllerBse 中的 File 那么该如何向页面传递图片

有两个想法，朋友提的：

  1. 那个加载图片直接建立一个html网页，将图片放进去，前端这样可以访问图片，应该可行，不知效率怎样
  2. 那个改后缀的实属下策，可以用建立数据库，两列，一列存储图片名，一列存储图片后缀，存储的时候可以将图片的名字改下，如果是用户头像，可以改为用户 Id 这样数字就唯一了
酒窝猪
关注
  • 3
    点赞
  • 踩
  • 16
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
.net core api+layui基础框架系统
03-24
《.NET Core API + Layui 基础框架系统详解》 在当今的Web开发领域，.NET Core API和Layui的结合已经成为构建高效、响应式的后台管理系统的一种流行选择。本文将深入探讨这两个技术栈如何协同工作，构建出一个功能...
.NET Core Api 如何上传图片以及读取图片
qq_41842588的博客
05-16 6994
在做项目中需要实现通过API上传图片，并将图片保存至服务器指定的文件夹下。 具体实现思路： 1.将图片转换为Base64数据传递给API //读取图片转码Base64并上传服务器 FileStream fs = new FileStream(Imagepath, FileMode.Open);//Imagepath图片路径 byte[] byteData = new byte[fs.Length]; fs.Read(byteData, 0, byteData.Length); fs.Clo
ASP.NET Core基础之图片文件(二)-WebApi图片文件上传到文件夹
物联网大联盟
01-03 2604
在WebApi项目中如何上传图片到指定文件夹中？赶快来学习吧...
asp.net core webapi 写一个可以上传图片的接口，并把图片转成base64
最新发布
一个专注于技术研究创新的程序员
04-26 413
asp.net core webapi 写一个可以上传图片的接口，并把图片转成base64。
.Net core上传图片
Bugyellow6的博客
06-29 517
上传就是方便记录一下，方便更好的记忆。
core webapi缩略图_.Net Core WebApi上传图片的两种方式
weixin_31272749的博客
12-30 528
我这边主要是为了上传图片，话不多说，上代码。方式一：通过Form表单上传后端：/// /// 上传图片,通过Form表单提交/// /// [Route("Upload/FormImg")][HttpPost]public ActionResult UploadImg(List files){if (files.Count<1){return Error("文件为空");}//返回的文件地址...
.NET Core WebApi中文件分片上传与跨域请求
CoffeMilk的博客
08-14 1543
一、实现效果 二、实现思路 2.1、文件分片上传思路 2.2、文件分片上传的后端实现 ①首先定义文件上传请求、文件上传、文件合并的接口且编写 /*** * Title：".NET Core WebApi" 项目 * 主题：文件控制 * Description： * 功能： * 1-上传文件流程： * ①握手传递文件大小，多少片，md5值，文件类型 * ②分片上传文件片段，存储文件 * ③合并所有文件，做md5校验 *..
.net core WebApi 文件上传服务文件下载
11-23
在.NET Core WebAPI中，构建一个支持文件上传和下载的服务是一项常见的需求。这涉及到处理HTTP请求，存储文件，以及提供安全的文件访问机制。本文将深入探讨如何在.NET Core WebAPI项目中实现这一功能。 首先，我们...
ASP.NET Core奇淫技巧之动态WebApi的实现
10-14
主要介绍了ASP.NET Core奇淫技巧之动态WebApi的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
.NET Core API CORS的实现
10-18
.NET Core API CORS（跨源资源共享）的实现是一个关键的网络技术，它允许浏览器从不同的源加载资源，这对于现代Web应用程序的开发尤其重要，特别是在前后端分离的架构中。跨域问题通常出现在前后端不在同一域名下，...
asp.net core mvc 图片的处理、图片缩放
10-30
在ASP.NET Core MVC中处理和缩放图片是常见的需求，尤其是在构建Web应用时，如电子商务网站、社交媒体平台等。本文将详细讲解如何在ASP.NET Core MVC中进行图片处理和缩放。 1. **依赖库** 在ASP.NET Core中处理...
.Net Core访问服务端图片API（设置访问图片名称及尺寸）
SCscHero的博客
04-06 2016
/// <summary> /// 访问图片 /// </summary> /// <param name="width">所访问图片的宽度,高度自动缩放,大于原图尺寸或者小于等于0返回原图</param> /// <param name="name">所要访...
NetCore 使用网络url 访问图片或文件
weixin_38820670的博客
09-27 1385
在Startup.cs 文件下的Configure方法启用服务 string filepath = System.IO.Directory.GetCurrentDirectory().Replace("\\", "/") + @"/Upload"; if (!Directory.Exists(filepath))//若文件夹不存在则新建文件夹 { Directory.CreateDirectory(filepath); /
【ASP.NET CORE】实现图片的上传与通过路径访问预览
m0_46643324的博客
03-13 1226
asp.net core 实现图片上传，和访问预览
.net core webapi 上传图片
刘建峰的博客
10-11 8325
[HttpPost("api/QualificationOne/Upload")] public ActionResult Upload(IFormCollection Files, int EntId, int CrtUser) { try { //var fo...
.Net Core 上传图片到项目本地文件夹
qq_61325957的博客
05-05 386
这里可能想到的判断不是很全面，您也可以根据自己的想法去写一些处理方法。上传文件用到的方法是IFormFile ,直接上代码。
ASP.NET Core上传图片接口
qq_38613453的博客
11-03 1404
最近做博客需要，需要用到上传图片，这里记录一下 public async Task<IActionResult> OnPostUpload() { var date = Request; var files = Request.Form.Files; long size = fi...
el-upload + .net Core api 实现上传图片
WenyueQ@
05-14 1546
1.前端： <template> <divclass="app-container"> <el-upload ref="upload" accept='image/jpeg,image/gif,image/png' :data="upload.paramData" /** 上传时附带的额外参数*/ :auto-upload="true" ...
.net6 core webapi 如何所有指定 privatePath
03-29
在 .NET 6 Core Web API 中，可以通过在应用程序配置文件（appsettings.json）中指定 privatePath 来加载程序集。 在 appsettings.json 文件中添加以下代码： ```json { "runtimeOptions": { ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值