Upload Module (File and Image Attachment)

Register an Account
Reply
 
Thread Tools
Upload Module (File and Image Attachment)
Developed by Yankidank Yankidank is offline
Developer Last Online: Feb 2012 Show Printable Version Email this Page
Designed for: Gold 1.0.0
License: Creative Commons Attribution-Noncommercial-Share
Released: 03-20-2009
Last Update: 03-26-2009
Installs: 111
Supported by Author
Makes Database Changes
Uses Module System
Template Edits Not Required
Includes Files to Upload
Translations Accepted
This module allows you to attach a file or image to a Pligg article. There are a lot of settings to configure it from the Admin panel to allow you to do pretty much anything with it. This module comes with Pligg versions 1.0 RC3 and above.
An early Beta version of the module was included with 1.0 RC2, but we suggest that users uninstall it and start from scratch with the version provided with RC3 to prevent any bugs from appearing.

Support
This module was developed by the Pligg team and is being released for free, but we do ask that if you use this module please consider donating a small amount ($10-20) to help us recuperate our losses for the amount of time involved in developing this module. This is probably the most advanced module designed for Pligg yet and we designed it so that it could be used in a broad array of sites. Because we had to design it with so many uses in mind it took us a very long time to get it just right. If you plan on using this module for commercial use (generating income greater than $30/month from the site), we require that you submit a donation of at least $10.

Technical support will be provided for BUGS that are recognized as valid and applicable to a large number of sites. We cannot support requests for features unless you are willing to pay for the extra features to be developed and to allow the feature to be contributed back to the community.

Features:
  • Upload image to your website
  • Grab an image from another site
  • Generate multiple thumbnails for attached images
  • Attach files to articles.
  • Select what file types you want to allow from the upload settings page. (Ex: zip jpg psd )
  • Add additional fields for each uploaded file. Use it require a name, description, author, etc. for each file.
  • Automatically embed image thumbnails into posts. Just tell it what template hook to use from the upload settings page.
  • Automatically embed an attached image list. Like above, just tell it what template hook to use to place the list.
  • Easily add HTML before and after the thumbnails or attached files list. Use these settings fields in the upload settings page to add the needed HTML to apply javascript effects to your images, or customize how the images and file list look.
  • Use template tags to embed the uploaded images into your template.
Example:
Below is a screenshot of the upload module as seen at the top of Submit Step 2.


Below is a screenshot of what happens after I have attached an image and clicked the Upload button:


Upload Module Tags
If you want to manually control where images are inserted into story content you will want to use the image tags provided next to the example thumbnail(s) during the upload process in submit step 2. Example tags might be:
  • {image1}
  • {image1_100x100}
  • {image2}
  • {image2_250x250}
The numbers in those examples are from the sizes setup from the Upload module settings page. After you upload an image it should show a thumbnail and display one of these tags next to it for you to use if you want to embed it in the article.

Upload Module Template Tags
This module will insert thumbnails automatically into your template by using template hooks. This was designed so that you wouldn't need to edit your template files manually in order to start using the module. If you want to customize where the images are individually displaying in the template, for example show the first image at the top of the post and show the second uploaded image at the bottom, you should follow the usage examples below.

To insert the first attached image at it's original file size you will insert the code {$image1} into link_summary.tpl where you want it to display. The second uploaded image would be {$image2} and so on.

From the upload settings page I have created a thumbnail size of 500x500 pixels. This allows an uploaded image to have a maximum length of 500 pixels when being resized. So if you upload a 1000x500 pixel image it would be shrunk proportionately to 500x250 pixels. To embed that 500x250 pixel image into my template I would add the code {$image1_500x500} into link_summary.tpl to display the first uploaded file for a post at it's 500x500 pixel thumbnail size. {$image2_500x500} would display the second 500x500 attached file. In the case that no image is attached nothing extra will be inserted into your template.

Examples

Please see the attached image for a screenshot of the Upload module settings page and examples of what the upload process looks like for the submit step 2 page.

Download Now

File Type: zip upload-module-v1.1.zip (23.2 KB, 2680 views)

Screenshots

File Type: jpg upload-settings.jpg (381.1 KB, 1642 views)
File Type: png uploaded.png (23.1 KB, 8157 views)
File Type: png upload-1.png (5.3 KB, 7966 views)

License Agreement

Creative Commons Attribution-Noncommercial-Share Alike License
You are free to Share and Remix this work under the following conditions: You must attribute the work in the manner specified by the author or licensor (but not in any way that suggests that they endorse you or your use of the work).
You may not use this work for commercial purposes.
If you alter, transform, or build upon this work, you may distribute the resulting work only under the same or similar license to this one.

Supporters / CoAuthors

Show Your Support

  • If you like this download support the author by donating.
  • This download may not be copied, reproduced or published elsewhere without author's permission.

Similar Downloads
Download Developer Category Replies Last Post

Comments
  #112 (permalink)  
Old 10-21-2009, 10:37 AM
New Pligger
 
Join Date: Oct 2009
Posts: 4
Quote:
Originally Posted by pkh135 View Post
I'm beginner for Pligg. I just download from the site version 1.0.1. Anyone can show me step by step to add the upload image for step 2 because I hard to get the solution for this. Please. Thank you for your helpful.

Hahaha.. I get it already. Thanks guy. But how can we auto approve for the news post by our member? Any idea?
Reply With Quote
  #113 (permalink)  
Old 10-21-2009, 01:04 PM
New Pligger
 
Join Date: Nov 2008
Posts: 28
my problem is when I upload an image, it shows the image that I have uploaded before that, any solutions to that problem. Again, I am uploading image X, and it shows me image Y that I have uploaded before image X, when I do that the second time it works properly.

please help.
Reply With Quote
  #114 (permalink)  
Old 10-21-2009, 01:22 PM
Yankidank's Avatar
Pligg Founder/Coder/Designer
Pligg Version: SVN
Pligg Template: Wistie
 
Join Date: Dec 2005
Location: Ocala, FL
Posts: 4,934
Send a message via AIM to Yankidank
Quote:
Originally Posted by israeliporn View Post
my problem is when I upload an image, it shows the image that I have uploaded before that, any solutions to that problem. Again, I am uploading image X, and it shows me image Y that I have uploaded before image X, when I do that the second time it works properly.
I'm not sure why it would do that consistently, but if you are deleting and image and then uploading a new one it may be showing a browser cached version. Refreshing the page or right click > view image > refresh the image page might show if that's the problem. That's the only explanation I would have for you though, I don't know why it would always show 1 image off.

The Twitter Module for Pligg CMS!
Register, Login, and Submit Stories with Twitter. An absolute MUST HAVE for all Pligg sites!
Reply With Quote
  #115 (permalink)  
Old 10-21-2009, 02:41 PM
New Pligger
 
Join Date: Nov 2008
Posts: 28
maybe because I am caching images in the htaccess or caching javascript?

I put nocache meta tags and remove the caching and it is do that. Maybe it is caching the AJAX upload page ???

How do I totaly prevent the browser from caching the specific page that shows the uploaded image. BTW, I am only allowing 1 upload per story.

Last edited by Yankidank; 10-22-2009 at 12:42 AM.
Reply With Quote
  #116 (permalink)  
Old 10-26-2009, 09:53 PM
New Pligger
Pligg Version: 1.0.1
 
Join Date: Aug 2009
Posts: 5
Quote:
Originally Posted by Filipe View Post
I found the solution!
I will leave it here for future reference:

1 - edit the file modules/upload/templates/upload_thumb.tpl
2 - remove the last <br> you can find ( i have put like this: {if sizeof($images)}<!--br-->{/if}
3 - the extra space will disapear. Now perhaps you will have to adjust the div values for the margins of the image. Mine looks like this: <div style="margin: 5px 10px 0px 0pt; overflow: hidden; float: left; position: relative;">

Hope that helps
I got my upload module to work, i've found th upload_thum.tpl buy the step 3 you mention to which file do I make this editing? Thanx in advance.
Reply With Quote
  #117 (permalink)  
Old 11-14-2009, 08:32 PM
New Pligger
 
Join Date: Feb 2007
Posts: 18
i'd like to display an additional field in my story. i made $field1 caption which i want to display under a picture

how do i go about doing this?

thanks!
Reply With Quote
  #118 (permalink)  
Old 11-23-2009, 09:25 PM
Baracudagirl's Avatar
Casual Pligger
 
Join Date: Jun 2008
Posts: 85
Hi,

Iam working on Pligg 1,2 on the default template. If I activate the Upload Module all is function perfect, but I have one further question:

Normally User have to set in the picture after upload with a small code.
But i dont wanna have this.
I want, that the picture will be automatically set in the left top (with a css class to float left) of the posting, if the user is clicking send.

Does somebody know how to get this ?
Reply With Quote
  #119 (permalink)  
Old 11-23-2009, 11:32 PM
Yankidank's Avatar
Pligg Founder/Coder/Designer
Pligg Version: SVN
Pligg Template: Wistie
 
Join Date: Dec 2005
Location: Ocala, FL
Posts: 4,934
Send a message via AIM to Yankidank
Set the module to automatically insert the thumbnails into the template. You can configure it to do that along with the CSS alignment from the module admin page.

The Twitter Module for Pligg CMS!
Register, Login, and Submit Stories with Twitter. An absolute MUST HAVE for all Pligg sites!
Reply With Quote
  #120 (permalink)  
Old 11-24-2009, 06:28 AM
princevio's Avatar
Casual Pligger
Pligg Version: 1.0.2
Pligg Template: wistie
 
Join Date: Nov 2009
Posts: 76
this is good module for attaching images with story or posting, resizing method also good but it is not maintain image quality, image look like distorted...
Reply With Quote
  #121 (permalink)  
Old 11-24-2009, 03:10 PM
Yankidank's Avatar
Pligg Founder/Coder/Designer
Pligg Version: SVN
Pligg Template: Wistie
 
Join Date: Dec 2005
Location: Ocala, FL
Posts: 4,934
Send a message via AIM to Yankidank
Quote:
Originally Posted by princevio View Post
this is good module for attaching images with story or posting, resizing method also good but it is not maintain image quality, image look like distorted...
See this hack to crop images with this module: http://forums.pligg.com/questions-comments/19040-better-function-generate-thumbs-upload-module.html#post83130

The Twitter Module for Pligg CMS!
Register, Login, and Submit Stories with Twitter. An absolute MUST HAVE for all Pligg sites!
Reply With Quote
Reply

Tags
last image, upload

Thread Tools


Similar Threads
Thread Thread Starter Forum Replies Last Post
[MOD] Image Upload Module (v1.0) -- Now Available cent Questions and Comments 190 01-08-2011 05:12 PM
Upload module 1.1 - Error uploading file Citizenslide Questions and Comments 8 10-03-2009 09:18 PM
[MOD] Image Upload Module (v0.93) -- Please test cent Questions and Comments 54 05-01-2009 11:12 PM
Image Upload 0.4 Module ziadchatila Questions and Comments 3 08-05-2008 05:40 PM
[MOD] File Upload Module -- seeking requests for features cent Questions and Comments 2 08-11-2007 05:39 AM


Pligg Modules and Pligg Templates from Pligg Pro Find support on the Pligg CMS Forum - 24 hours a day! Make a donation to support Pligg CMS development