首页 > Windows开发 > 详细

下载文件(API接口,Angularjs前端)

时间:2020-08-18 10:55:19      阅读:135      评论:0      收藏:0      [点我收藏+]

最近在项目中,实现web api文件下载功能。

文件是存储于数据库中。

文件内容是vbinary数据类型,当然数据类型为image也没有问题的。

参考下面代码示例:

技术分享图片

 

技术分享图片
 [HttpPost]
        public async Task<HttpResponseMessage> DownloadFile(JObject jObj)
        {
            var jsonStr = JsonConvert.SerializeObject(jObj);
            var jsonParams = JsonConvert.DeserializeObject<dynamic>(jsonStr);

            BarCode bc = new BarCode();
            bc.BarCode_nbr = jsonParams.BarCode_nbr;

            BarCodeEntity bce = new BarCodeEntity();
            var barcode = bce.BarCodes(bc).FirstOrDefault();

            HttpResponseMessage response = Request.CreateResponse(HttpStatusCode.OK);

            string physicalPath = HttpContext.Current.Server.MapPath("~/Temp/") + barcode.FileName;

            byte[] buffer = (byte[])barcode.QrCode;

            if (!File.Exists(physicalPath))
            {
                using (FileStream fileStream = File.Create(physicalPath))
                {
                    fileStream.Write(buffer, 0, buffer.Length);
                }
            }

            response.Content = new ByteArrayContent(buffer);
            response.Content.Headers.ContentLength = buffer.LongLength;
            response.Content.Headers.ContentDisposition = new ContentDispositionHeaderValue("attachment");
            response.Content.Headers.ContentDisposition.FileName = barcode.FileName;
            response.Content.Headers.ContentType = new MediaTypeHeaderValue(MimeMapping.GetMimeMapping(barcode.FileName));
            return await Task.FromResult(response);
        }
Source Code

 

然后,前端是呼叫接口:

技术分享图片

 

 

技术分享图片
var arg = {};
            arg.BarCode_nbr = qr.BarCode_nbr;

            fetch(‘/api/IoSvc/DownloadFile‘, {
                method: ‘POST‘,
                headers: {
                    ‘Content-Type‘: ‘application/json‘,
                },
                body: JSON.stringify(arg),
            })
                .then(res => res.blob())
                .then(data => {
                    let blobUrl = window.URL.createObjectURL(data);
                    const a = document.createElement(‘a‘);
                    a.style.display = ‘none‘;
                    a.download = qr.FileName;
                    a.href = blobUrl;
                    a.click();
                });
Source Code

 

效果:

技术分享图片

 

下载文件(API接口,Angularjs前端)

原文:https://www.cnblogs.com/insus/p/13521726.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!