|
Features :
This add-on allows to preview images (see screenshots below) before uploading with jClientUpload. It includes the following features :
- Fast image preview.
- Add images with drag & drop or File chooser dialog.
- Remove image.
- JPEG, GIF, PNG image formats support.
- Image rotation support.
- Upload selected images.
- Transfer progress bar with cancel button.
Screenshots :
 |
 |
 |
| Windows Vista |
MacOSX |
KDE/Linux |
Online demonstration :
You can try Image Browser add-on here. It allows to upload 1 to 15 images (50MB size max) over HTTP. It uses Java look and feel.
Installation :
ImageBrowser is a jClientUpload add-on so you do need jClientUpload installed before installing it. Here are instructions :
1 - Copy dist/lib/ibrowser.jar under lib/ folder (where others jClientUpload JAR files
are stored).
2 - Copy i18n_bar.properties, i18n_pane.properties and all .html + .js files under
the same folder as jClientUpload HTML/JavaScript files.
3 - Modify dist/applet_http_ibrowser.js or dist/applet_ftp_ibrowser.js
to setup basic parameters and open the HTML file in your browser to try it.
4 - Optional : Modify i18n_pane.properties to customize front-end.
Parameters :
Samples provided in ImageBrowser are already setup with basic parameters. You just have to update url parameter with your own server. ImageBrowser supports many jClientUpload parameters so check out parameters for FTP and HTTP. Front-end can also be customized. First, you can modify width and height which are available in .js files (3 occurences to update). Second, thumbnails properties (image formats, size, grid, colors, messages, buttons, ...) are available under i18n_pane.properties. Finally, progress bar properties (messages, colors) are under i18n_bar.properties.
| FAQ : |
|
[Installation] [Front-end customization] [Scaling Filter integration] |
- How to setup ImageBrowser ?
Image Browser includes two sample files :
For FTP : applet_ftp_ibrowser.html + applet_ftp_ibrowser.js
for HTTP : applet_http_ibrowser.html + applet_http_ibrower.js.
Edit and modify parameters in the file matching to your need.
- ImageBrowser fails to load (gray box) ?
You must install jClientUpload first. Then you have to follow installation instructions above (copy ibrowser.jar under lib/ folder ...).
- Can I use ImageBrowser Enterprise with jClientUpload Pro ?
No, ImageBrowser Pro works with jClientUpload Pro only. ImageBrowser Enterprise requires jClientUpload Enterprise.
- How to modify ImageBrowser thumbnails properties (size, ...) ?
Edit i18n_pane.properties and update resources as you need. For thumbnails size:
preview.image.width=128
preview.image.height=96
Thumbnails are displayed in a table. You can select table layout with:
preview.grid.columns=5
preview.grid.rows=20
- How to internationalize ImageBrowser resources (messages,
errors , ...) ?
In the same way as you can internationalize jClientUpload resources through i18n_bar.properties and i18n_pane.properties. See FAQ.
- Can I chain Scaling Filter to ImageBrowser ?
Yes, here are instructions to integrate it:
1 - Install ImageBrowser with jClientUpload.
2 - Copy scaling.properties into the same folder as others .properties files.
3 - Copy sfilter.jar into lib/ folder with others JAR files.
4 - Append ,lib/sfilter.jar to all ARCHIVE parameters in ImageBrowser JavaScript.
5 - Enable Scaling Filter in ImageBrowser JavaScript:
<PARAM NAME="filter" VALUE="javazoom.upload.client.filter.ScalingFilter">
<PARAM NAME="filterproperties" VALUE="scaling.properties">
- How to allow both images and non-images upload ?
Comment preview.image.extensions property in i18n_pane.properties. If you want ImageBrowser to display "No preview available" for non-image files then uncomment preview.image.nopreview property.
- How to enable rotation feature ?
Images could be rotated before upload. To enable it you need to install Scaling Filter (follow instructions of previous question above except step 5). Uncomment the following properties in i18n_pane.properties:
preview.image.rotation.impl=javazoom.upload.client.filter.ScalingFilter
preview.image.rotateicon=javazoom/transfer/client/preview/rotate.png
preview.upload.rotation.started=Image rotation started ({0}), please wait ...
preview.upload.rotation.completed=Image rotation completed ({0})
preview.upload.rotation.failed=Image rotation failed: {0}
|
|
