javascript+C#本地大文件上传到服务器方法（WebUploader）

绝地灬酷狼 2022-05-30 07:19 364阅读 0赞

在前后端进行数据传输时，有时需要传输大文件。[WebUploader][]提供了一些前端传输图片和文件等地方法。但是，当上传文件较大时，会被服务器端限制，阻止其上传。  
  在ASP.Net中，调整服务器接受文件的大小的配置方法如下：

每个参数的作用为：  
　　**executionTimeout**：表示允许执行请求的最大时间限制，单位为秒 。  
　　**maxRequestLength**：指示 ASP.NET支持的最大文件上载大小。该限制可用于防止因用户将大量文件传递到该服务器而导致的拒绝服务攻击。指定的大小以 KB 为单位。默认值为 4096KB (4 MB)。  
　　**useFullyQualifiedRedirectUrl**：表示指示客户端重定向是否是完全限定的（采用”[http://server/path”][http_server_path] 格式，这是某些移动控件所必需的），或者指示是否代之以将相对重定向发送到客户端。如果为True，则所有不是完全限定的重定向都将自动转换为完全限定的格式。false 是默认选项。  
　　**minFreeThreads**：表示指定允许执行新请求的自由线程的最小数目。ASP.NET为要求附加线程来完成其处理的请求而使指定数目的线程保持自由状态。默认值为 8。  
　　**minLocalRequestFreeThreads**：表示ASP.NET保持的允许执行新本地请求的自由线程的最小数目。该线程数目是为从本地主机传入的请求而保留的，以防某些请求在其处理期间发出对本地主机的子请求。这避免了可能的因递归重新进入Web 服务器而导致的死锁。  
　　**appRequestQueueLimit**：表示ASP.NET将为应用程序排队的请求的最大数目。当没有足够的自由线程来处理请求时，将对请求进行排队。当队列超出了该设置中指定的限制时，将通过“503 -服务器太忙”错误信息拒绝传入的请求。 enableVersionHeader：表示指定 ASP.NET是否应输出版本标头。Microsoft Visual Studio 2005 使用该属性来确定当前使用的 ASP.NET版本。对于生产环境，该属性不是必需的，可以禁用。  
　　    
  但是，当文件过大时会即使Web允许通过，IIS也会拒绝传输，这时，就需要使用分片上传。  
  分片上传是指将想要上传的文件在前端切割成很小的一片，依次传给服务器，再在服务器端将文件组合成完整的文件。 [javascript自身提供了上传文件的方法][javascript]，[也提供了上传文件的一种对象方法FormData][FormData]。可以看[JS+WebService 大文件分片上传代码及解析][JS_WebService]这篇文章地JS部分。  
  Web Uploader封装好了上传的方法，可以直接使用。

html部分

还要记得引用Web Uploader文件

javascript部分

if (recoveryindex === 0) {
    	Recovery();
    }

C\#部分

Web.config文件

WebService.asmx文件

[WebMethod]
    public void backuprecovery()
    { 
        BackupRecovery br = new BackupRecovery();
        br.Recovery();
    }

以下函数都在BackupRecovery这个class中  
来自[用webuploader分片上传大文件没你想象的难][webuploader]

public void Recovery()
    { 
        HttpContext context = System.Web.HttpContext.Current;
        context.Response.ContentType = "text/plain";
        context.Response.Write("{\"chunked\" : true, \"hasError\" : false}");
        //如果进行了分片
        if (context.Request.Form.AllKeys.Any(m => m == "chunk"))
        { 
            //取得chunk和chunks
            int chunk = Convert.ToInt32(context.Request.Form["chunk"]);//当前分片在上传分片中的顺序（从0开始）
            int chunks = Convert.ToInt32(context.Request.Form["chunks"]);//总分片数
            //根据GUID创建用该GUID命名的临时文件夹
            //string folder = context.Server.MapPath("~/1/" + context.Request["guid"] + "/");
            string folder = backuprecovery + context.Request["guid"] + "/"; //文件存放绝对路径由写好地backuprecovery 和前端设定好的guid决定
            string path = folder + chunk;
            
            //建立临时传输文件夹
            if (!Directory.Exists(Path.GetDirectoryName(folder)))
            { 
                Directory.CreateDirectory(folder);
            }
            FileStream addFile = new FileStream(path, FileMode.Append, FileAccess.Write);
            BinaryWriter AddWriter = new BinaryWriter(addFile);
            //获得上传的分片数据流
            HttpPostedFile file = context.Request.Files[0];
            Stream stream = file.InputStream;
    
            BinaryReader TempReader = new BinaryReader(stream);
            //将上传的分片追加到临时文件末尾
            AddWriter.Write(TempReader.ReadBytes((int)stream.Length));
            //关闭BinaryReader文件阅读器
            TempReader.Close();
            stream.Close();
            AddWriter.Close();
            addFile.Close();
    
            TempReader.Dispose();
            stream.Dispose();
            AddWriter.Dispose();
            addFile.Dispose();
            if (chunk == chunks - 1)
            { 
                ProcessRequest(context.Request["guid"], Path.GetExtension(file.FileName));
            }
        }
        else//没有分片直接保存
        { 
            DeleteFolder(backuprecoveryfile);
            string targetPath = backuprecovery + "data" + Path.GetExtension(context.Request.Files[0].FileName);  //data为指定zip的名字
            context.Request.Files[0].SaveAs(targetPath);
        }
    }

private void ProcessRequest(string guid, string fileExt)
    { 
        HttpContext context = System.Web.HttpContext.Current;
        context.Response.ContentType = "text/plain";
        string sourcePath = Path.Combine(backuprecovery, guid + "/");//源数据文件夹
        string targetPath = Path.Combine(backuprecovery, Guid.NewGuid() + fileExt);//合并后的文件
    
        DirectoryInfo dicInfo = new DirectoryInfo(sourcePath);
        if (Directory.Exists(Path.GetDirectoryName(sourcePath)))
        { 
            FileInfo[] files = dicInfo.GetFiles();
            foreach (FileInfo file in files.OrderBy(f => int.Parse(f.Name)))
            { 
                FileStream addFile = new FileStream(targetPath, FileMode.Append, FileAccess.Write);
                BinaryWriter AddWriter = new BinaryWriter(addFile);
    
                //获得上传的分片数据流
                Stream stream = file.Open(FileMode.Open);
                BinaryReader TempReader = new BinaryReader(stream);
                //将上传的分片追加到临时文件末尾
                AddWriter.Write(TempReader.ReadBytes((int)stream.Length));
                //关闭BinaryReader文件阅读器
                TempReader.Close();
                stream.Close();
                AddWriter.Close();
                addFile.Close();
    
                TempReader.Dispose();
                stream.Dispose();
                AddWriter.Dispose();
                addFile.Dispose();
            }
            DeleteFolder(sourcePath);
        }
    }

/// <summary>
    /// 删除文件夹
    /// </summary>
    /// <param name="strPath"></param>
    private static void DeleteFolder(string strPath)
    { 
        if (strPath != backuprecoveryfile)
        { 
            Directory.Delete(strPath, true);
        }
        else
        { 
            if (Directory.GetDirectories(strPath).Length > 0)
            { 
                foreach (string fl in Directory.GetDirectories(strPath))
                { 
                    Directory.Delete(fl, true);
                }
            }
            //删除这个目录下的所有文件
            if (Directory.GetFiles(strPath).Length > 0)
            { 
                foreach (string f in Directory.GetFiles(strPath))
                { 
                    System.IO.File.Delete(f);
                }
            }
        }
    }

[下载完整代码Js\_Csharp\_UploadDownload][Js_Csharp_UploadDownload]。

[WebUploader]: http://fex.baidu.com/webuploader/
[http_server_path]: http://server/path%E2%80%9D
[javascript]: https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest#Submitting_forms_and_uploading_files
[FormData]: https://developer.mozilla.org/zh-CN/docs/Web/API/FormData/Using_FormData_Objects
[JS_WebService]: http://blog.csdn.net/wangbingqian_110/article/details/79463031
[webuploader]: https://www.cnblogs.com/jiangxianshen/p/7519031.html
[Js_Csharp_UploadDownload]: https://github.com/Epulari/Js_Csharp_UploadDownload