如何在文件夹中保存文件并显示？Jquery javascript

我正在开发一个简单的

聊天室

，其中不同的用户加入聊天室并相互聊天。它工作正常，但我也希望用户

彼此共享

图片或任何其他文件。我如何

保存

文件并显示文件

如何获取输入文件并保存在文件夹中，以及如何显示在divchatwindow中。

ASPX代码： 聊天室

<div id="divContainer">
    <div id="divLogin" class="login">
        <div>
            Your Name:<br />
        <input id="txtNickName" type="text" class="textBox" />
        </div>
        <div id="divButton">
            <input id="btnStartChat" type="button" class="submitButton" value="Start Chat" />
        </div>
    </div>

    <div id="divChat" class="chatRoom">
        <div class="title">
            Welcome to Chat Room [<span id='spanUser'></span>]

        </div>
        <div class="content">
            <div id="divChatWindow" class="chatWindow">
            </div>
            <div id="divusers" class="users">
            </div>
        </div>
        <div class="messageBar">
            <input class="textbox" type="text" id="txtMessage" />
            <input id="btnSendMsg" type="button" value="Send" class="submitButton" />
           <input type ="file" id="uploadfile" />
        </div>
    </div>

    <input id="hdId" type="hidden" />
    <input id="hdUserName" type="hidden" />
</div>
 <script type="text/javascript">
   $('#btnSendMsg').click(function () {

            var msg = $("#txtMessage").val();
            if (msg.length > 0) {

                var userName = $('#hdUserName').val();
                chatHub.server.sendMessageToAll(userName, msg);
                $("#txtMessage").val('');
            }
        });
       function AddMessage(userName, message) {
        $('#divChatWindow').append('<div class="message"><span class="userName">' + userName + '</span>: ' + message + '</div>');

        var height = $('#divChatWindow')[0].scrollHeight;
        $('#divChatWindow').scrollTop(height);
    }
   </script>

MessageDetail.cs

 public class MessageDetail
 {
    public string UserName { get; set; }
    public string Message { get; set; }
 }

---

您可以先将文件保存在服务器上，然后将链接发送给用户进行下载。是的，我可以这样做，但当我使用

发送按钮
单击事件执行此操作时，我会将文件保存在文件夹中，但页面会再次重新加载/刷新，并再次请求用户名等。我会在另一个按钮
filesend
protected void sendbtn\u单击执行此操作（对象发送者，事件参数e）{if（fileupload.HasFile&&fileupload.FileContent.Length>0）{string filename=fileupload.filename.ToString（）；fileupload.SaveAs（Server.MapPath（“~/new/”+filename））；}
必须使用ajax来防止页面重新加载。可以使用jQuery ajax方法进行此操作-
 public class MessageDetail
 {
    public string UserName { get; set; }
    public string Message { get; set; }
 }