send image in chat - Githubissues

MatheusrdSantos / vue-quick-chat

A simple chat component created with Vue.js

MIT License

128 stars 45 forks source link

send image in chat #22

Closed tehceen closed 4 years ago

tehceen commented 4 years ago

i am using your template it awsome but sir can i use image in chat kinldy guide how to achieve this. thanks regards Tahseen ullah

MatheusrdSantos commented 4 years ago

Hi, @Tehsseen! This functionality wasn't implemented yet. I have plans to implement it at the end of this month or even next month.

Thanks for your feedback!

tehceen commented 4 years ago

ok thank you @MatheusrdSantos will wait for it.

martinandersen3d commented 4 years ago

Hi @MatheusrdSantos What is the status? :-) Going to a customer meeting this week :D

Can I help in any way?

MatheusrdSantos commented 4 years ago

Hi, @martinandersen3d! I haven't started development yet. These are some insights that I have about this functionality, just in case you want to implement it:

set a new message property: 'type': 'image';
this message type requires an URL to display the image;
the chat is responsible for selecting the image from the computer and executes a callback (new prop to the component) called 'onImageSelected'. Since this is a prop, the implementation is up to the user. You won't implement it, just call it and use the response;
this callback should receive the image as a parameter, upload it to the server and return the image URL;
after that, the component receives the URL from the callback and update the URL property of the message;
You also need to create a button to call the window that selects the image from the computer.

MatheusrdSantos commented 4 years ago

I'm currently implementing this functionality. If you want to follow the progress, you can check out this branch send-images

martinandersen3d commented 4 years ago

niiiice :-) Looking forward to it ;-)

I really like the 'api' you have planned :-)

giphy

vonec commented 4 years ago

since you are doing something related to images, can you add support to have an optional avatar / profile images for participants

this.myself = {
          id: this.user.uid,
          name: this.user.name
          avatar: "IMAGEURL"
}

MatheusrdSantos commented 4 years ago

Hi, @vonec! Yes, that's a good idea. I'll first release the images upload and then start the implementation of avatar images.

Thanks for your suggestion.

MatheusrdSantos commented 4 years ago

This functionality is available now. I also updated the readme, so there you can find the information needed to use this functionality. Just update to version 1.1.0

vonec commented 4 years ago

thanks a lot, @MatheusrdSantos, while you are at it, can you add support to read reciepts, similar to how have support to uploaded message single tick. now double tick

MatheusrdSantos commented 4 years ago

Hi, @vonec. Are you talking about to display visual feedback when the message is viewed like in a Whatsapp chat?

vonec commented 4 years ago

Yup exactly

MatheusrdSantos commented 4 years ago

Hi, @vonec. Now you can display profile pictures and display visual feedback when the image is viewed. Just update to version 1.1.1 and read the documentation.