Как сохранить файл в папке и показать? Jquery Javascript - PullRequest
Новая
       9

Как сохранить файл в папке и показать? Jquery Javascript

0 голосов
/ 05 мая 2018

Я разрабатываю простой chatroom, в котором разные пользователи присоединяются к чату и общаются друг с другом. Работает нормально, но я также хочу, чтобы пользователи share картинки или другие файлы друг с другом. Как я могу save файл и файл шоу.

How can i get input file and save in folder and show in divchatwindow as well.

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>

chatHub.cs Класс 

  public void SendMessageToAll(string userName, string message)
    {
        // store last 100 messages in cache
        AddMessageinCache(userName, message);

        // Broad cast message
        Clients.All.messageReceived(userName, message);

    }
  private void AddMessageinCache(string userName, string message)
    {
    CurrentMessage.Add(new MessageDetail { UserName = userName, Message = message });

        if (CurrentMessage.Count > 100)
            CurrentMessage.RemoveAt(0);
    }

MessageDetail.cs 

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