扩展一下HubInterface/IChatClient.cs 用来推送给前台展示后台处理的信息

public interface IChatClient
{
///

扩展一下Class/ClientMessageModel.cs

/// <summary>  
/// 服务端发送给客户端的信息  
/// </summary>  
\[Serializable\]  
public class ClientMessageModel  
{  
    /// <summary>  
    /// 接收用户编号  
    /// </summary>  
    public string UserId { get; set; }  
    /// <summary>  
    /// 组编号  
    /// </summary>  
    public string GroupName { get; set; }  
    /// <summary>  
    /// 发送的内容  
    /// </summary>  
    public string Context { get; set; }  
    /// <summary>  
    /// 自定义的响应编码  
    /// </summary>  
    public string Code { get; set; }  
}

我们在Startup.cs中注入上传文件的配置，同时把前文的XSRF防护去掉，我们在前台请求的时候带上防护认证信息。

public void ConfigureServices(IServiceCollection services)
{
services.AddSignalR();
services.AddRazorPages()
services.AddSingleton();//服务器上传的文件信息保存在内存中
services.AddOptions()
.Configure(Configuration.GetSection("FileUpload"));//服务器上传文件配置
}

在项目的wwwroot/js下新建一个uploader.js

"use strict";
var connection = new signalR.HubConnectionBuilder()
.withUrl("/chatHub")
.withAutomaticReconnect()
.configureLogging(signalR.LogLevel.Debug)
.build();
var user = "";

connection.on("GetMyId", function (data) {
user = data.userId;
});
connection.on("ReceiveMessage", function (data) {
console.log(data.userId + data.context);
});

connection.on("UploadInfoMessage", function (data) {
switch (data.code) {
case "200":
$('.modal-body').append($("

" + data.context + "

" + data.context + "

" + data.context + "

connection.start().then(function () {
console.log("服务器已连接");
}).catch(function (err) {
return console.error(err.toString());
});

在项目的Pages/Shared中新建一个Razor布局页_LayoutUpload.cshtml

@await RenderSectionAsync("Scripts", required: false) @RenderBody()

在Pages目录下新建一个upload目录，然后在它下面新建一个index.cshtml，这个文件中实现了Webuploader中我们所要使用的事件监测、文件上传功能。

1 @page "{handler?}"
2 @model MediatRStudy.Pages.upload.IndexModel
3 @{
4 ViewBag.Title = "WebUploader";
5 Layout = "_LayoutUpload";
6 }
7 @section Scripts
8 {
9
10
11
12
327 }
328

index.cshtml的代码文件如下

本示例只能解压缩zip文件，并且密码是123456，友情提示，不要用QQ浏览器调试，否则会遇到选择文件后DEBUG停止运行。

本示例只能解压缩zip文件，并且密码是123456，友情提示，不要用QQ浏览器调试，否则会遇到选择文件后DEBUG停止运行。****

本示例只能解压缩zip文件，并且密码是123456，友情提示，不要用QQ浏览器调试，否则会遇到选择文件后DEBUG停止运行。****

1 using ICSharpCode.SharpZipLib.Zip;
2 using Microsoft.AspNetCore.Http;
3 using Microsoft.AspNetCore.Mvc;
4 using Microsoft.AspNetCore.Mvc.RazorPages;
5 using Microsoft.AspNetCore.SignalR;
6 using Microsoft.Extensions.Options;
7 using signalr.Class;
8 using signalr.HubInterface;
9 using signalr.Hubs;
10 using signalr.Model;
11 using System;
12 using System.Collections.Concurrent;
13 using System.Diagnostics;
14 using System.IO;
15 using System.Linq;
16 using System.Text.Json;
17 using System.Threading.Tasks;
18
19 namespace signalr.Pages.upload
20 {
21 public class IndexModel : PageModel
22 {
23 private readonly IOptionsSnapshot _fileUploadConfig;
24 private readonly IOptionsSnapshot _fileList;
25 private readonly string[] _fileExt;
26 private readonly IHubContext _hubContext;
27 public IndexModel(IOptionsSnapshot fileUploadConfig, IOptionsSnapshot fileList, IHubContext hubContext)
28 {
29 _fileUploadConfig = fileUploadConfig;
30 _fileList = fileList;
31 _fileExt = _fileUploadConfig.Value.FileExt.Split(',').ToArray();
32 _hubContext = hubContext;
33 }
34 public IActionResult OnGet()
35 {
36 ViewData["Token"] = "666";
37 return Page();
38 }
39
40 #region 上传文件
41
42 ///