ASP.NET Core Web API+Vue.js+axios 实现图片下载

最新推荐文章于 2025-07-17 14:59:10 发布

仰望星空的代码

最新推荐文章于 2025-07-17 14:59:10 发布

阅读量3.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： Vue.js踩坑记 JavaScript/JQuery .NET Core 文章标签： ASP.NET Core Web API 图片下载 .NET Core Vue.js axios

交流qun：1061950566

本文链接：https://blog.youkuaiyun.com/wangzl1163/article/details/82800538

Vue.js踩坑记同时被 3 个专栏收录

21 篇文章 ¥29.90 ¥99.00

订阅专栏

超级会员免费看

JavaScript/JQuery

21 篇文章

订阅专栏

.NET Core

2 篇文章

订阅专栏

本文介绍了如何使用ASP.NET Core Web API结合Vue.js和axios实现图片下载功能。提供了三种不同的API实现方案，包括IActionResult、不指定返回类型以及优化后的方案，并详细解释了每个方案的特点。前端部分通过触发点击事件访问下载接口，实现了图片的下载。

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

前端访问下载图片API下载图片。

一、ASP.NET Core Web API代码

方案一：

    [Route("api/[controller]")]
    [ApiController]
    public class DownloadController : BaseController
    {
        // GET: api/Download
        [HttpGet]
        public FileStreamResult Get()
        {
            //方案一  方法返回值：IActionResult,FileResult,FileStreamResult
            FileStream fileStream = new FileStream(Directory.GetCurrentDirectory() + Common.ConfigManager.GetConfigValue("createrFilesPath") + Common.ConfigManager.GetConfigValue("fileName"), FileMode.Open, FileAccess.Read);
            return File(fileStream, "application/octet-stream", Common.ConfigManager.GetConfigValue("fileName"));
        }
    }

注：方法返回值类型可以为IActionResult,FileResult,File

了解本专栏