ImageShack Like Multi Uploader for you vB

[flup]

For this modification I used the 'yet another vB Login on non-vB Page (https://vborg.vbsupport.ru/showthread.php?t=91129)' by 'Calorie (https://vborg.vbsupport.ru/member.php?u=35245)'.

What does it do
Well, it's pretty simple actually. I created a page which can be called from the navbar in a popup and will allow your users to upload up to 10 images at a time. Non logged-in users will be prompt with an error message.

It has no restriction on filesize and dimensions what so ever! But it does resize all images according to a 640*480 dimension with keeping the original aspect ratio.

What do you have to do?
1. Create a folder in your forum folder called 'uploaded' and CMODD it with 777

2. Add the following JS to your headinclude template BEFORE <!-- CSS Stylesheet -->:
<SCRIPT LANGUAGE="JavaScript">
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,men ubar=0,resizable=0,width=500,height=500,left = 390,top = 150');");
}
</script>

3. Create a link in the navigation bar (either in navbar template or header template) with the following link:
<a href="javascript:popUp('uploader.php')">Image Uploader</a>

4. Change the configuration values at top of the upload.php file:
$maxwidth = 640;
$maxheight = 480;
## Location to your watermark.PNG file, default images/watermark.png
$watermark_resource = "images/watermark.png";
## Define watermark location, 1 = lefttop, 2 = righttop, 3 = leftbottom, 4 = rightbottom
$watermark_location = 4;

// set allowed usergroups - separate with a comma
define('UGS','6,7,2,5');

// set the full path to your main forum directory
define('FWD','/home/clubpunto/domains/clubpunto.nl/public_html');

// set vB version you are using - use 307 or 350
define('VBN','350');

// set the name of this script - no .php extension
define('THIS_SCRIPT','uploader');

5. Upload the file in the attachment to your forum root directory aswell as the watermark.png image

6. Finished!

Test Results
I tested the script by uploading this image:
File Dimensions: 2576 x 1920 pixels (7.1 Megapixels)
File Size: 2,14 MB (~ 2214 kb)

After uploading there was a file with these stats:
File Dimensions: 640 ? 477 pixels (notice the aspect ratio is kept original)
File Size: 278 kb (~ 0,2 MB)

Version Changes v1.3
- Added the option to choose where the watermark is placed (left/right-top, left/right-bottom)
Version Changes v1.3b
- This version is similar to v1.3, but instead of YOU having the option to select the position of the watermark, a user will be able to choose via a dropdown menu. (See screenshot)

Version Changes v1.2
- Support for PNG watermarks (I noticed that the PNG background is not made transparant, I have no time to look at this, cause of having to celebrate christmas, I'll look at it asap!) (See screenshot of the car (bottomright is the watermark))

Version Changes v1.1
- Support for image resize for .GIF and .PNG images aswell

Version 1.0
- Support for image uploads (gif/jpg/png)
- Support for image resize for jpg images
- Up to 10 files at a time

[Forum Lover]

SWEET.. :) any plan to have watermarking option?

[dvbusuario]

Error en las imágenes. Png

[flup]

Watermarking could be an option, im not sure what dvbusuario is referring to? Guess it had something to do with the resize function for PNG images.. that could be a problem yes.

[flup]

Script is updated, now also supports PNG and GIF resizing. Tested all filetypes with a 1024*768 document. The source files where roughly around 300 - 580kb, after resizing I had 122kb, 170kb and 194kb.

And support for a .PNG watermark, althoug transparancy isn't support yet I noticed (not sure why), so perhaps using a nice bar with a name/url of your site will do the trick aswell for now :)

Also added the date (dmY) in front of the image, this should make it easier to clean up the images folder once in a while when running near your upload limit :)

[Forum Lover]

Thanks for the update. I got another idea to consider, how bout usergroup permissions as well! :)

[flup]

There are usergroup permissions in the script allready, but that will only determine wether a user is able to use the uploader or not. Perhaps you are thinking of:

Admins: max. 10 per time
Mod: max. 5 per time
User: max. 2 per time

or something? If you only mean the access to the file per usergroup, use this at top of the script:

// set allowed usergroups - separate with a comma
define('UGS','6,7,2,5,9');

I added a functionality to set the place where the watermark will go.

[flup]

I added a second version (v1.3b) which allowes users to select the position of the watermark theirselfs, perhaps there is some text in the bottom right corner which they don't want to overwrite.

[flup]

I'm off to christmas diner, suggestions are welcome & enjoy using the script ;)

[dvbusuario]

add How to Copy image for a "url" directly

[flup]

Not really planning on adding that, it's just basic functionality to improve using the [IMG] tag and images on forums. If there's an URL already just use that one between the [IMG] tags or save the images to your harddrive for uploading :)

[Magnumutz]

Will this work on vB 3.7 or later?

[flup]

Yep, will work for any version. There is no version related material.. however I'm in doubt now.. the login check might be changed during the versions after 3.5.4, give it a quick test.. it only involves 2 simple template changes which can be reverted in a seconden :)

[scottct1]

Does adding this prevent uploads of other files, such as MP3, PDF etc?

I am looking for something that watermarks my photos as I will be doing live coverage from a major tradeshow in Las Vegas next week and I don't want others stealing my photos but I dont want to prevent members uploading other types of files. :)

[flup]

it checks the file's mimetypes (image/jpg image/jpeg image/png image/gif image/xjpg image/xjpeg I believe) otherwise the upload will be terminated..

[Nelly]

This compatible with 3.8.1 and also is design editable?