Sunday, January 19, 2020
On Sunday, January 19, 2020 at 4:56:19 PM UTC-5, Walter Lee Davis wrote:
> On Jan 19, 2020, at 4:10 PM, fugee ohu <fuge...@gmail.com> wrote:
>
> Got my chat app working in rails 6 with channels but now how do I let users send pictures in channels? I've seen chat apps where after you upload the picture it displays with a circled button that says send and you can also delete it instead How do I do that?
>
With JavaScript. One of the neatest implementations I've seen of this is in Trix (ActionText), which is open-source, so you could see how they do it there. Also GitLab has a nice one, and the source is available for that (unlike GitHub, who also have one). You're basically intercepting the drop and paste events, checking to see whether the payload was an image, and then doing some out-of-band trickery to make a file attachment using a separate model and controller. Trix uses the new ActiveStorage goodies for its implementation. Not sure what the others use.
Walter
I'm using Trix I use this line to append to css selector in view from javascript channel but it doesn't render at all if I add an image to the form field with trix The content field is the trix field and it returns an object which is why I had to use data.content.body instead of just data.content
$('#message_holder').append('<div class="container-right"><div class="subscript">' + data.sender_name + '<br>' + data.msg_time + '</div>' + data.content.body + '</div>');
You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group.
To unsubscribe from this group and stop receiving emails from it, send an email to rubyonrails-talk+unsubscribe@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/rubyonrails-talk/4a5d3c8a-2acb-4581-b9e2-4d4e3f6db805%40googlegroups.com.
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment