JavaScript+Asp.Net MVC5同时下载多个文件

前端同时启动多个下载任务(但是没有做压缩包下载)

前端JavaScript脚本:

javascript 复制代码
var idList = [1,2,3];//要下载的列表
$.each(idList, function (index, item) {
    downloadURL("/File/GetPdf?id=" + item);
});

var count = 0;
var downloadURL = function downloadURL(url) {
    var hiddenIFrameID = 'hiddenDownloader' + count++;
	var iframe = document.createElement('iframe');
    iframe.id = hiddenIFrameID;
    iframe.style.display = 'none';
    document.body.appendChild(iframe);
	iframe.src = url;
}

后端:

javascript 复制代码
//FileController

public ActionResult GetPdf(int id)
{
    string fileName = "文件名";
    string path = "/filepath/";//文件路径

    string url = path + fileName ;
    if (url.Contains(".pdf"))
    {
        return File(DownLoadFielToMemoryStream(url), "application/pdf", fileName);
    }
    else
    {
        return Content("<script>alert('文件格式错误')</script>");
    }
}

private static MemoryStream DownLoadFielToMemoryStream(string url)
{
    var wreq = HttpWebRequest.Create(url) as HttpWebRequest;
    HttpWebResponse response = wreq.GetResponse() as HttpWebResponse;
    MemoryStream ms = null;
    using (var stream = response.GetResponseStream())
    {
        Byte[] buffer = new Byte[response.ContentLength];
        int offset = 0, actuallyRead = 0;
        do
        {
            actuallyRead = stream.Read(buffer, offset, buffer.Length - offset);
            offset += actuallyRead;
        }
        while (actuallyRead > 0);
        ms = new MemoryStream(buffer);
    }
    response.Close();
    return ms;
}
相关推荐
bearpping6 小时前
Nginx 配置:alias 和 root 的区别
前端·javascript·nginx
玩泥巴的6 小时前
存储那么贵,何不白嫖飞书云文件空间
c#·.net·二次开发·飞书
@大迁世界6 小时前
07.React 中的 createRoot 方法是什么?它具体如何运作?
前端·javascript·react.js·前端框架·ecmascript
颜酱7 小时前
DFS 岛屿系列题全解析
javascript·后端·算法
霍理迪8 小时前
Vue的响应式和生命周期
前端·javascript·vue.js
竹林81811 小时前
在Web3前端用Node.js子进程批量校验钱包,我踩了这些性能与安全的坑
javascript·node.js
Kel13 小时前
深入剖析 openai-node 源码:一个工业级 TypeScript SDK 的架构之美
javascript·人工智能·架构
SuperEugene14 小时前
Vue3 模板语法规范实战:v-if/v-for 不混用 + 表达式精简,避坑指南|Vue 组件与模板规范篇
开发语言·前端·javascript·vue.js·前端框架
Luna-player14 小时前
Vue 3 + Vue Router 的路由配置,简单示例
前端·javascript·vue.js