Like SystemiConnectFri 15 Oct 2021, 04:50
Auto Save MessagesLGforumFri 26 Feb 2021, 13:31
New tutorial questionTheCrowMon 15 Feb 2021, 08:12
Support iOS Emojis (and other platforms)LGforumSun 14 Feb 2021, 01:25
LGforum (2806)
[PLUG-IN] Image/Document/Video Uploader Vote_lcap[PLUG-IN] Image/Document/Video Uploader Voting_bar[PLUG-IN] Image/Document/Video Uploader Vote_rcap 
Mr.Easybb (1587)
[PLUG-IN] Image/Document/Video Uploader Vote_lcap[PLUG-IN] Image/Document/Video Uploader Voting_bar[PLUG-IN] Image/Document/Video Uploader Vote_rcap 
Bloodbath (745)
[PLUG-IN] Image/Document/Video Uploader Vote_lcap[PLUG-IN] Image/Document/Video Uploader Voting_bar[PLUG-IN] Image/Document/Video Uploader Vote_rcap 
Rukiafan (533)
[PLUG-IN] Image/Document/Video Uploader Vote_lcap[PLUG-IN] Image/Document/Video Uploader Voting_bar[PLUG-IN] Image/Document/Video Uploader Vote_rcap 
Dom (513)
[PLUG-IN] Image/Document/Video Uploader Vote_lcap[PLUG-IN] Image/Document/Video Uploader Voting_bar[PLUG-IN] Image/Document/Video Uploader Vote_rcap 
puppycheese (446)
[PLUG-IN] Image/Document/Video Uploader Vote_lcap[PLUG-IN] Image/Document/Video Uploader Voting_bar[PLUG-IN] Image/Document/Video Uploader Vote_rcap 
pedro (330)
[PLUG-IN] Image/Document/Video Uploader Vote_lcap[PLUG-IN] Image/Document/Video Uploader Voting_bar[PLUG-IN] Image/Document/Video Uploader Vote_rcap 
Neymar (301)
[PLUG-IN] Image/Document/Video Uploader Vote_lcap[PLUG-IN] Image/Document/Video Uploader Voting_bar[PLUG-IN] Image/Document/Video Uploader Vote_rcap 
Hitsu (281)
[PLUG-IN] Image/Document/Video Uploader Vote_lcap[PLUG-IN] Image/Document/Video Uploader Voting_bar[PLUG-IN] Image/Document/Video Uploader Vote_rcap 
Flora (275)
[PLUG-IN] Image/Document/Video Uploader Vote_lcap[PLUG-IN] Image/Document/Video Uploader Voting_bar[PLUG-IN] Image/Document/Video Uploader Vote_rcap 


[PLUG-IN] Image/Document/Video Uploader

Mr.EasybbMr.Easybb
Status : Love this site, that's why I'm back each day again... lol Samantha's co-owner now. Well deserved!

Posts : 1587
Join date : 2013-01-04
Tue 25 Jun 2013, 05:21
Ok guys so this is a branch off my other tutorial "Uploader for the New Editor" so if you haven't read that yet Read It Now So this is simple, below add the code right after the Instantiated AWC Core

Code:
avacweb_chat_config.add_event('onload', function () {
var script = document.createElement('script');
script.id="filepicker";
script.type="text/javascript";
script.src="//api.filepicker.io/v1/filepicker.js";
var body=$('body');
body.append(script);
function getPick(){
var textArea = $(avacweb_chat.id('message'));
filepicker.setKey('API KEY HERE');
filepicker.pick({
mimetypes: ['text/*','image/*','video/*'],
services:['COMPUTER','WEBCAM','VIDEO']
},function(FPFile) {
var docFile = FPFile.url;
var type= FPFile.mimetype;
var file = FPFile.url+'+'+FPFile.filename.replace(/\s/g,"");
if(/^.*text.*$/.test(type)) {
textArea.val(textArea.val()+'[url]'+file+'[/url]');
} else if(/^.*image.*$/.test(type)) {
textArea.val(textArea.val()+'[url='+file+'][img]'+file+'[/img][/url]');
}else {
textArea.val(textArea.val()+'[flash]'+file+'[/flash]');
}
avacweb_chat.submit();
});
}
  $(avacweb_chat.id('achat_color_button')).after('<div class="achat_button" id="uploadImage">Share Image</div>');
$(avacweb_chat.id('uploadImage')).on('click',function(){
getPick();
});
});

That is that, make sure you add the API key Wink Any more information please let me assist you, the uploader can send Documents and Images as well as VIDEOS!
puppycheesepuppycheese
Status : No status yet...

Posts : 446
Join date : 2013-02-12
Age : 30
Location : New Jersey
Tue 25 Jun 2013, 06:14
It works like a dream except it pops up in back of the chat instead of in front of the chat!

[PLUG-IN] Image/Document/Video Uploader Picture_18

see!
Mr.EasybbMr.Easybb
Status : Love this site, that's why I'm back each day again... lol Samantha's co-owner now. Well deserved!

Posts : 1587
Join date : 2013-01-04
Tue 25 Jun 2013, 18:49
That is because you have a z-index on the chatbox- so add the z-index to the popup itself

Code:
[panda=css]#filepicker_dialog_container{z-index:10001}

As you can see the container already has a nice z-index after reviewing, so you may want to change the z-index to the
Code:
[panda=css]#avacweb_chat
puppycheesepuppycheese
Status : No status yet...

Posts : 446
Join date : 2013-02-12
Age : 30
Location : New Jersey
Tue 25 Jun 2013, 21:33
This changes the popup right?
Code:
[panda=css]#filepicker_dialog_container{z-index:10001}

I used this and it had no effect on it what should I set the z-index to?
Nathan AdhityaNathan Adhitya
Status : No status yet...

Posts : 58
Join date : 2012-08-25
Wed 26 Jun 2013, 01:22
pheeww
this sems kinda interesting...
imma try this out
Mr.EasybbMr.Easybb
Status : Love this site, that's why I'm back each day again... lol Samantha's co-owner now. Well deserved!

Posts : 1587
Join date : 2013-01-04
Wed 26 Jun 2013, 01:24
@puppycheese, I was showing you that is what is in the css. Which it should have a higher z-index than avacweb has.
If not just add this

#avacweb_chat{z-index:999!important}
mangakamangaka
Status : What I'll type, I don't have any idea :/

Posts : 132
Join date : 2013-06-26
Location : Indonesia
Wed 26 Jun 2013, 05:37
Sounds really cool!Better try this out Wink

puppycheesepuppycheese
Status : No status yet...

Posts : 446
Join date : 2013-02-12
Age : 30
Location : New Jersey
Wed 26 Jun 2013, 06:47
Thank you! I understand now.
gsmathsgsmaths
Status : No status yet...

Posts : 11
Join date : 2012-10-05
Sat 29 Jun 2013, 17:08
pliiz I need .docx .pdf ...... in acw
Mr.EasybbMr.Easybb
Status : Love this site, that's why I'm back each day again... lol Samantha's co-owner now. Well deserved!

Posts : 1587
Join date : 2013-01-04
Sat 29 Jun 2013, 17:42
add it to the main core of js.

Code:
[panda=js]mimetypes: ['text/*','image/*','video/*']

if you have exactly as the code above that will work for you.

This Plug In is very advanced in what you can do. Wink Hope you enjoy it. If anyone has a webcam let me know how that goes because it should work as well
Mahmoud alzamalkawyMahmoud alzamalkawy
Status : No status yet...

Posts : 49
Join date : 2013-09-05
Thu 05 Sep 2013, 22:58
help me
i don't know how to do it
Mr.EasybbMr.Easybb
Status : Love this site, that's why I'm back each day again... lol Samantha's co-owner now. Well deserved!

Posts : 1587
Join date : 2013-01-04
Thu 05 Sep 2013, 23:20
Please follow the tutorial, you have to instantiate the code after the instantiate of the main core of AWC.
Mahmoud alzamalkawyMahmoud alzamalkawy
Status : No status yet...

Posts : 49
Join date : 2013-09-05
Fri 20 Sep 2013, 21:12
How can i get API key?
Mr.EasybbMr.Easybb
Status : Love this site, that's why I'm back each day again... lol Samantha's co-owner now. Well deserved!

Posts : 1587
Join date : 2013-01-04
Sat 21 Sep 2013, 01:36
Mr.Easybb wrote:[quotelink="http://www.avacweb.com/t1391-image-document-video-uploader-plug-in#13228"]Ok guys so this is a branch off my other tutorial "Uploader for the New Editor" so if you haven't read that yet Read It Now So this is simple, below add the code right after the Instantiated AWC Core
avatarfascicularia
Status : No status yet...

Posts : 22
Join date : 2012-10-04
Mon 18 Nov 2013, 16:25

Mr.Easybb,
Stupid question very certainly. Instantiated AWC Core, It is what part of the initial script????

Mr.EasybbMr.Easybb
Status : Love this site, that's why I'm back each day again... lol Samantha's co-owner now. Well deserved!

Posts : 1587
Join date : 2013-01-04
Mon 18 Nov 2013, 19:46
The awc script that lg provides is the main code you need then add this. You'll also need to read the link I provided in the OP to understand all of this
Rhino.FreakRhino.Freak
Status : Moved on to Phpbb

Posts : 222
Join date : 2013-03-05
Age : 27
Location : India
Wed 28 May 2014, 10:24
hmm easy, can you make it so that the overlay appears ABOVE chatbox? it appears behind..
also on-click will open and close, not open and open again?
Mr.EasybbMr.Easybb
Status : Love this site, that's why I'm back each day again... lol Samantha's co-owner now. Well deserved!

Posts : 1587
Join date : 2013-01-04
Wed 28 May 2014, 23:52
Thats simply css nothing with js really so you can figure that out with z-index and the button shouldn't be able to be click if already opened so.
Rhino.FreakRhino.Freak
Status : Moved on to Phpbb

Posts : 222
Join date : 2013-03-05
Age : 27
Location : India
Thu 29 May 2014, 04:06
okay I'll manage the z-index.. but the button IS clickable, it opens again and again putting overlay again and again and it gets darker.. :/
avatarultracheat45
Status : No status yet...

Posts : 6
Join date : 2013-05-29
Sun 13 Jul 2014, 03:23
Can we set the picture to a default size? like 200x90. Cause whenever my members post really big pictures it's really annoying. I have to clear them out to make the chatbox look clean again.
avatarninjaslice
Status : No status yet...

Posts : 7
Join date : 2014-08-14
Sat 16 Aug 2014, 01:20
Mr.Easybb wrote:[quotelink="http://www.avacweb.com/t1391-image-document-video-uploader-plug-in#13228"]avacweb_chat_config.add_event('onload', function () {
var script = document.createElement('script');
script.id="filepicker";
script.type="text/javascript";
script.src="//api.filepicker.io/v1/filepicker.js";
var body=$('body');
body.append(script);
function getPick(){
var textArea = $(avacweb_chat.id('message'));
filepicker.setKey('API KEY HERE');
filepicker.pick({
mimetypes: ['text/*','image/*','video/*'],
services:['COMPUTER','WEBCAM','VIDEO']
},function(FPFile) {
var docFile = FPFile.url;
var type= FPFile.mimetype;
var file = FPFile.url+'+'+FPFile.filename.replace(/\s/g,"");
if(/^.*text.*$/.test(type)) {
textArea.val(textArea.val()+'[url]'+file+'[/url]');
} else if(/^.*image.*$/.test(type)) {
textArea.val(textArea.val()+'[url='+file+'][PLUG-IN] Image/Document/Video Uploader '+file+'[/url]');
}else {
textArea.val(textArea.val()+'[flash]'+file+'[/flash]');
}
avacweb_chat.submit();
});
}
$(avacweb_chat.id('achat_color_button')).after('<div class="achat_button" id="uploadImage">Share Image</div>');
$(avacweb_chat.id('uploadImage')).on('click',function(){
getPick();
});
});









How do I make it so Webcam is not a option?


and in a different Example.... How do you make pictures not a option?
BloodbathBloodbath
Status : No status yet...

Posts : 745
Join date : 2013-05-31
Age : 28
Sat 16 Aug 2014, 10:06
Change these lines:

Code:
filepicker.pick({
mimetypes:["text/*","image/*","video/*"],
services:["COMPUTER","WEBCAM","VIDEO"]

Change them to this code below, if you do want your users to upload images and don't want to use Webcam.

Code:
filepicker.pick({
mimetypes:["text/*","video/*"],
services:["COMPUTER"]

Also, how are you liking AWC so far?
avatarninjaslice
Status : No status yet...

Posts : 7
Join date : 2014-08-14
Sun 17 Aug 2014, 02:55
Thanks it worked Very Happy and I am loving it atm Very Happy Thx!
Ch@lo ValdezCh@lo Valdez
Status : :)

Posts : 218
Join date : 2013-04-21
Age : 48
Location : Mexico City
Fri 06 Mar 2015, 00:04
not work with 2.0 AWC
Andrei34Andrei34
Status : yyy

Posts : 12
Join date : 2015-09-04
Thu 28 Apr 2016, 19:54
It is not working for me. I get this in the console:
v2-0.js:52 AWCError 204: Invalid Event. Event type: "onload". TypeError: avacweb_chat.id is not a function(…)
Sponsored content

 • Previous Topic • Next Topic