如何顯示圖像推送實時聊天

即時通訊嘗試使用圖像進行實時聊天使用推送器我無法找到任何關於如何使用推送器顯示圖像我存儲的圖像使用BLOB，但不能顯示在客戶端的JavaScript一邊，輸入消息圖像的人只是找到，但在另一個人的屏幕上，它的回來未定義。我沒有發佈，因爲它的工作的罰款只是綁定不好如何顯示圖像推送實時聊天

$avatar = 'data:image/png;base64,'. base64_encode($image); 
$pusher = PusherInstance::get_pusher() ; 
$pusher->trigger(
    'channel_test', 
    'new_comments', 
    array('message' => $message ,'user' => $data_user), 
    $_POST['socket_id'] 
); 
echo json_encode(array('message' => $message,'user' => $data_user,'avatar'=>$avatar)) ;

，然後我嘗試使用javscript顯示它們提交的javascript，

channel.bind('new_comments',function(data){ 
    $('.chat-widget').append("<div class='row'>\ 
     <div class='chat_post col-lg-12'>\ 
     <div class='media'>\ 
     <a class='pull-left' href='#'>\ 
       <img class='media-object img-circle' width=30 height=30 src='" + data.avatar +"' alt=''>\ 
        </a>\ 
        <div class='media-body'>\ 
         <h4 class='media-heading chat-name'><a href='profile.php?user=" + data.user + "' class='user_profile'>" + data.user + "</a>\ 
          <span class='small pull-right'>12:23 PM</span>\ 
         </h4>" + data.message + " </div>\ 
        </div>\ 
       </div>\ 
       </div>\ 
      <hr>\ 
");

來源

2017-02-28 Markese P

你的圖片有多大？您可能會達到[10kB限制]（https://pusher.com/docs/server_api_guide/interact_rest_api#publishing-events）。由於這個限制，最好的做法是隻通過Pusher發送圖像的URL，並從服務器提供圖像本身。 –

謝謝，解決了我的問題，謝謝老闆！ –

太棒了;我會把它作爲答案發布。 –

正如在評論中提到，消息的大小均超過10kB的限制。由於這個限制，最好的做法是隻通過Pusher發送圖像的URL，並從服務器提供圖像本身。

來源

2017-02-28 15:06:56

如何顯示圖像推送實時聊天

回答

相關問題