我正在尝试实现一项功能,用户可以上传文件,服务器处理文件并向客户端显示有关处理状态的实时通知,例如经过验证,导入等.在某些示例中,客户端将数据从文本框发送到javascript代理.
$("#btnTest").click(function () {
myHub.testMethodOnHub($("#txtEmail").val());
});
我需要通过signalR将二进制数据发送到服务器,以便服务器可以处理该数据并使用SignalR通知客户端.
编辑:-我能够从aspx.cs调用JS方法来设置状态客户端-实时.但是,该消息在页面加载完成后消失.
我试过的:-
ASPX:-
<%@ Page Title="Home Page" Language="C#" AutoEventWireup="true"
CodeBehind="Default.aspx.cs" Inherits="MultipleStepsUsingSignalR._Default" %>
<script src="Scripts/jquery-1.6.4.js" type="text/javascript"></script>
<script src="Scripts/json2.js" type="text/javascript"></script>
<script src="Scripts/jquery.signalR-0.5.2.js" type="text/javascript"></script>
<script src="signalr/hubs" type="text/javascript"></script>
<body>
<form id="Form1" runat="server">
<p>
<asp:FileUpload ID="fileUpload" runat="server" />
<asp:Button ID="btnProcessFile" runat="server" Text="Process File"
onclick="btnProcessFile_Click" />
<asp:HiddenField ID="hdnConnectionId" runat="server"/>
<%--<asp:Label Text="" ID="lblStatus" runat="server" />--%>
<span id="lblStatus"></span>
</p>
</form>
<script type="text/javascript">
$(document).ready(function () {
var multipleStepsHub = $.connection.multipleStepsHub;
multipleStepsHub.MethodInJavascript = function (status) {
$('#lblStatus').append(status);
};
$.connection.hub.start().done(function () {
$('#<%= hdnConnectionId.ClientID %>').val($.connection.hub.id);
alert($('#lblStatus').text());
});
});
</script>
</body>
毂
[HubName("multipleStepsHub")]
public class MultipleStepsHub : Hub
{
public void ExecuteMultipleSteps(string status)
{
}
}
aspx的代码隐藏
protected void btnProcessFile_Click(object sender, EventArgs e)
{
string connectionId = hdnConnectionId.Value;
var context = GlobalHost.ConnectionManager.GetHubContext<MultipleStepsHub>();
byte[] dataFromPostedFile = GetDataFromUploadedFile(fileUpload.PostedFile.InputStream);
context.Clients[connectionId].MethodInJavascript("<br>File updloaded.");
Thread.Sleep(5000);
context.Clients[connectionId].MethodInJavascript("<br>Processing step1");
Thread.Sleep(5000);
context.Clients[connectionId].MethodInJavascript("<br>Processing step2");
Thread.Sleep(5000);
context.Clients[connectionId].MethodInJavascript("<br>Processing step3");
}
我期望什么:-
状态文本更改为“处理步骤1”,然后变为“处理步骤2”,然后变为“处理步骤3”
结果是什么 :-
a)状态会定期更改(在Thread.Sleep之后),但是,当页面完成时,状态会消失.如下所示,“处理步骤1”和“处理步骤2”确实出现,但后来消失了.
解决方法:
您的JavaScript方法有误:
multipleStepsHub.MethodInJavascript = function (status) {
("#lblStatus").val(status);
};
应该
multipleStepsHub.MethodInJavascript = function (status) {
$('#<%= lblStatus.ClientID %>').text(status);
};
请注意07000.
编辑:如果您不希望在上传完成后重新加载页面,那么,您需要异步上传文件.在HTML5中为it’s pretty easy to achieve.有关如何执行此操作的另一个示例,请参见this question.