.Net 6 + Vue Element-UI分包上传文件

最新推荐文章于 2025-01-24 11:36:29 发布

枫杨NET

最新推荐文章于 2025-01-24 11:36:29 发布

阅读量642

点赞数 1

CC 4.0 BY-SA版权

分类专栏： C# Vue 文章标签： vue.js ui c#

本文链接：https://blog.youkuaiyun.com/qq_36695087/article/details/126356519

这篇博客详细介绍了如何在.Net6后端和VueElement-UI前端环境中实现分片上传图片文件。后端通过检查文件类型、大小并合并分片来确保上传的安全性和效率，前端则利用Vue的axios库进行分包上传操作。整个流程涵盖了文件验证、分片上传和文件合并等关键步骤。

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

.Net 6 + Vue Element-UI分包上传文件

本靓仔纯手写，略略略；
啥都不说直接上代码

接口代码：

/// <summary>
        /// 临时文件夹
        /// </summary>
        private readonly string tempDirectoryName = "TempDirectory";

        /// <summary>
        /// 允许上传的文件类型
        /// </summary>
        private readonly List<string> allowFileExtNames = new List<string>() { ".png", ".jpg", ".icon" };

        /// <summary>
        /// 允许上传文件流头部
        /// png:13780
        /// jpg:255216
        /// </summary>
        private readonly List<string> allowFileStreamHearders = new List<string>() { "255216", "13780" };

       /// <summary>
       /// 上传图片文件
       /// 只允许上传图片
       /// </summary>
       /// <returns></returns>
        [HttpPost]
        public ReturnData<UploadImageModel> UploadImageFile()
        {
            UploadImageModel result = new UploadImageModel();
            try
            {
                var from = Request.Form;
                var requestId = Request.Form["requestId"].ToString();

                var file = Request.Form.Files.FirstOrDefault();
                int total = Convert.ToInt32(Request.Form["total"]);
                int index = Convert.ToInt32(Request.Form["index"]);
                string fileName = Request.Form["fileName"].ToString();

                //文件类型（根据后台枚举而定）
                int fileType = Convert.ToInt32(Request.Form["fileType"]);
                if (fileType != (int)ImageTypeEnum.SoftwareImage)
                {
                    return ReturnDataHelper<UploadImageModel>.Fail("不支持的文件类型", null);
                }

                string extName = Path.GetExtension(fileName);

                #region 上传文件验证
                if (!allowFileExtNames.Contains(extName.ToLower()))
                {
                    return ReturnDataHelper<UploadImageModel>.Fail("不支持的文件类型", null);
                }