Compress an image before upload

Hi,
Is there a way to compress an image using Flex? the scenario I have is: the user takes a picture from a mobile device camera, I then upload it to the cloud. I'd like to be able to shrink the image in size before I upload it as it takes ages.
Many thanks

I believe there are PNG and JPEG encoders

Similar Messages

IPhoto 2 shrinks images before uploading them to flickr

The new version of iPhoto 2 shrinks images before uploading them to flickr. Now you can't use flickr to backup your orginal photos through the iphoto app.

In fact no matter if I use a High or Medium compression size JPEG, the size after upload is the same.
Starts with 1,5 MB/5600px (high) or 780kb/5600px (medium) JPEG and ends after upload in 115kb for a 1024px image.
This means that iPhoto auto compress in order to publish to Mobile Me, even if we start with a bigger file.
I hope this info is useful to others.
Thanks.

Previewing an image before uploading it using the FileReference class

Previewing an image before uploading it using the FileReference class in flash player 3 not in SDK4

Previewing an image before uploading it using the FileReference class in flash player 3 not in SDK4

Previewing an image before uploading it using the FileReference class in flex 3

Previewing an image before uploading it using the FileReference class in flex 3 ?

hai,
          when this code is used in my application ,i got the name of image and new frame is added each time .But image is not displayed.....
The code starts like this
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:fx="http://ns.adobe.com/mxml/2009"
           xmlns:s="library://ns.adobe.com/flex/spark"
            xmlns:mx="library://ns.adobe.com/flex/mx" initialize="init()"   backgroundColor="white" width="100%" height="100%">
    <fx:Script>
<![CDATA[
                import mx.controls.Alert;
                import mx.messaging.Channel;
                import mx.messaging.ChannelSet;
                import mx.messaging.channels.AMFChannel;
                import mx.rpc.events.ResultEvent;
                import mx.controls.Image;
                import spark.events.IndexChangeEvent;
                import mx.managers.DragManager;
<mx:DataGridColumn headerText="Dimension Value" width="10" dataField="dimensionValue"/>
                                               <mx:DataGridColumn headerText="Unit Nmae" width="10" dataField="dimensionUnitName"/>
                                               </mx:columns>
                                       </mx:DataGrid>
                                       <mx:Spacer width="2%"/>
                                   </mx:HDividedBox>
                                   </mx:VBox>
               <mx:Spacer height="0"/>
            <mx:VBox width="100%">
                <s:HGroup height="90" top="0" left="0" right="0" verticalAlign="justify" gap="10" paddingLeft="5" paddingRight="5" paddingTop="5" paddingBottom="5">
                    <s:Button id="btn_loader" top="5" bottom="24" width="100" label="load" click="loadImages()"/>
                    <s:Group width="100%">
                        <s:Group name="cl" top="0" left="0" bottom="0" width="20" mouseOver="//scroll_on(event)" mouseOut="//scroll_off(event)">
                            <s:BitmapImage source="@Embed('../assets/left.jpg')" top="0" left="0" bottom="0" right="0" fillMode="scale"/>
                        </s:Group>
                        <s:List id="imgList" skinClass="skins.ListSkin" top="-3" left="27" right="28" bottom="10"
                                dataProvider="{ImageCollection}" itemRenderer="Image_Render">
                            <s:layout>
                                <s:HorizontalLayout gap="0"/>
                            </s:layout>
                        </s:List>
                        <s:Group name="cr" top="0" right="0" bottom="0" width="20" mouseOver="//scroll_on(event)" mouseOut="//scroll_off(event)">
                            <s:BitmapImage source="@Embed('../assets/right.jpg')" top="-1" left="0" bottom="0" right="0" fillMode="scale"/>
                        </s:Group>
                    </s:Group>
                </s:HGroup>
                <s:SkinnableContainer id="dropCanvas" top="100" left="5" right="5" bottom="5" backgroundAlpha="1.0" alpha="1.0"
                                      dragEnter="dropCanvas_dragEnterHandler(event)"
                                      dragDrop="dropCanvas_dragDropHandler(event)" contentBackgroundColor="#914E4E" backgroundColor="#F7F7F7">
                </s:SkinnableContainer>
            </mx:VBox>
            <mx:Spacer height="5"/>
                                  </mx:VDividedBox>
    </mx:Panel>
</mx:Canvas>

Previewing an image before uploading

Hi,
I would like to upload images in my application and save those uploaded images to one folder in my system, i could do that with any problem. But i have to preview the image before uploading.
How to do this in JSP or either in html?
please help me in doing this..
thanks in advance

Write the image to some temporary location in your server machine. Either public or non-public. If non-public, you could use a servlet to display the image. If the end user has somehow confirmed the preview, then just move that image to the desired permanent location.
Working with file paths isn't going to work. IE is the only browser which is so dumb that it sends the complete client side file path along with the file name. In other browsers you won't know from which client side path the image is been uploaded.

How to customize the images before upload to KM

hai everybody
i want to know how to customize the images before uploading into KM.if anybody know reply.thanks in advance

Hi Kasturi,
in fact, you could implement a repository service reacting omn the creation of resources, checking if it's an image, and with an image editing API at hand, change the image to your needs; if you need it to be done automatically.
Hope it helps
Detlev
PS: Please consider rewarding points for helpful answers on SDN. Thanks in advance!

What is the best format to import images into iBA? How should I compress my images before importing? What is the best file format? PNG? Jpeg?

What is the best format to import images into iBA? How should I compress my images before importing? What is the best file format? PNG? Jpeg? I'm trying to figure out the best file format / compression for importing images into iBA. Also, does anyone know how iBA will compress the file? Are the assets attached (like a website) or flattened out? Does anyone know how iBA handles this? Many many thanks to anyone with insight into this.

This question is largely answered by the following thread...
https://discussions.apple.com/message/17805700#17805700

Please add "resize image before uploading" and "do...

SOME of us do NOT want to send bothersome, huge images over mobile devices just to share a pointless moment with a friend - or an enemy.
Wechat already has this AWESOME feature, so maybe Skype should have one too - as it is so cumbersome to go into another program to resize and save an image before sending it.
Please add a button to have a possibility of sending a low resoluton version of all images and also before downloading an image to check out if it is worth the money and bandwidth.
Sincerely, The Wrath of Diego

You can resize some bitmap, or movieClip, etc. to a new size by making a new bitmapData at the desired size and drawing the source into the new bitmapData. When doing the draw use a Matrix to accomplish the scaling. Something like so:
var newBitmapData:BitmapData = new BitmapData(320, 240);
var m:Matrix = new Matrix();
m.scale(newBitmapData.width / originalBitmapData.width, newBitmapData.height / originalBitmapData.height);
newBitmapData.draw(originalBitmapData, m);

Image cropping before uploading an image

Hi all,
I am using webcenter spaces 11.1.1.8.6. I have a requirement where i need an option to crop a image before uploading it. For example before a logged in user uploads his image he should be able to crop only a certain part of the image and upload it. How do i achieve this

Well, I never tried it.But you can use some jquery plugin for this. There is no support out of the box,
try using jcrop
Jcrop: the jQuery Image Cropping Plugin
or see in this list which can work best
http://www.jqueryrain.com/demo/jquery-crop-image-plugin/

Images being compressed or resized before printing ??

I have a 50MB PNG image that I just printed using the built in Kodak printing system. When the image was actually being uploaded, though, it was only 3.2MB in size. What happened to the photo? Did it get converted to a JPEG or PDF? Was it resized? What settings are applied to the image before the upload?
The image came from a scan of a film negative, and I purposely increased the image size in Photoshop and saved in a lossless format so that it could be printed as high quality as possible. The photo was originally 6000x9000 in size, corresponding to a 300dpi printing. I'm a bit worried that the "compressed/ resized/ whatever was done to it" photo that actually got uploaded will have more visible artifacts...

If you edit an image with Photoshop from within iPhoto it can either save as a jpg or a psd depending on what edits were performed. Some simple edits with photoshop will keep the jpg extension and that will become the modified version in iPhoto. However if the edits are extensive or layers are created then you either do a Save As to the Desktop an import as a new file or flatten the image and force save as a jpg.
As far as the 500 MB image getting reduced for uploading I believe iPhoto may do what it does for books and calendars - convert very large files to PDF files. That would account for the much smaller sized uploaded file.
Do you Twango?
TIP: For insurance against the iPhoto database corruption that many users have experienced I recommend making a backup copy of the Library6.iPhoto database file and keep it current. If problems crop up where iPhoto suddenly can't see any photos or thinks there are no photos in the library, replacing the working Library6.iPhoto file with the backup will often get the library back. By keeping it current I mean backup after each import and/or any serious editing or work on books, slideshows, calendars, cards, etc. That insures that if a problem pops up and you do need to replace the database file, you'll retain all those efforts. It doesn't take long to make the backup and it's good insurance.
I've written an Automator workflow application (requires Tiger), iPhoto dB file backup, that will copy the selected Library6.iPhoto file from your iPhoto Library folder to the Pictures folder, replacing any previous version of it. You can download it at Toad's Cellar. Be sure to read the Read Me pdf file.

Do I need to reduce the images size in pixels before upload them to M.Me?

Do I need to reduce the images size in pixels (actual size jpeg 5616 × 3744 pixels/766kb) before upload them from iPhoto to a Mobile Me Gallery?
Otherwise they will be heavy or the upload process take care of that?
It would be nice that iPhoto took care and optimize the images to display online without any more work, because I´ve 1200 images to upload and they´re jpegs 5616 × 3744 pixels. It´s just to viewing purposes. Not o download or print.
Thanks.

In fact no matter if I use a High or Medium compression size JPEG, the size after upload is the same.
Starts with 1,5 MB/5600px (high) or 780kb/5600px (medium) JPEG and ends after upload in 115kb for a 1024px image.
This means that iPhoto auto compress in order to publish to Mobile Me, even if we start with a bigger file.
I hope this info is useful to others.
Thanks.

Image file upload code

Hi,
I'm trying to track down where, i.e. by which code, image files are saved into the wiki.
I've traced the route to the wiki.js file which creates the dialogue that posts the form to the server but I've run into a wall.
I can't establish the name of the 'action' for the form.
Nor can I infer which python code is receiving it.
Can anyone help?
p.s. The reason for all this is that I want uploaded files to be namable, either manually or driven by a field in the form.
I guess this may involve rewriting some Python and I know that this is frowned upon but the look-out is mine!
p.p.s. It would also be nice to know where dialogManager() is defined, that's got me beaten at the moment.

John Anderson1 wrote:
Remember that, when changing the code, you should override the code using your own theme; don't change it directly. Changing the uncompressed JavaScript won't work anyway; the server sends out code-compressed scripts whenever possible. Changing source code maintained by automatic software updates is the first of many steps down the path toward a bricked server.
Yes, I'm starting to get a hang of this (I think) I do intend to override the js, it's just I need to know how it's doing it in order to overrride it!
The form's "action" is "images"
I'd sort of deduced this but I can't find the code on the server that implements it. I did a quick search and couldn't find "images' in Python and deduced I was being a bit simplistic.
and dialogManager is defined in widgets.js:
var ModalDialogManager = Class.createWithSharedInstance('dialogManager');
Ah, thanks, I'll follow it up.
You do know that you can just name the file in the Finder before uploading it, right?
Not really. Under certain circumstances I want teamsserver to save the image file, in the page's image folder, with a particular name, i.e. NOT 123456.gif but pageImage.gif. I recognise that one has the potential problem of duplicate filenames but I'm happy to overwrite existing files AND I'm quite happy for teamsserver to give the file a unique name (presumably for internal database purposes) and make a duplicate of the numbered filename. i.e. save 123456.gif as per normal and then, if some condition is met (e.g. the alt name == pageimage) save a copy as pageImage.gif
(If you're interested, I've managed to get search to take an additional parameter xslFile=1...5 which selects alternate search.xsl files that return different search layouts. One of which substitutes page specific images instead of the generic 'snowflake' image in search listings. Currently I have to give each page a tag that specifies what the pageImage uid is, but this is wasteful as every tag in every page is therefore different. What I'm trying to do now is make the pageImage filename consistent so that I have a single tag that indicates every page that has an associated image. (The custom search.xsl files recognise if a page HAS a custom image and uses the snowflake if it doesn't)
Basically it allows me to generate slightly more attractive listings - nothing big but nice for my 'list of published books' page. Vanity, vanity)
Thanks for hte help. I'll follow it up tomorrow.

Is it better to encode a FLV before uploading to Youtube?

Does Youtube apply additional compression to a FLV even after
it was
obviously encoded in Flash as a FLV? If so, what is the best
format to
start with when uploading to Youtube, or what is the best way
to prepare
a FLV before uploading?
Thanks!

You can actually have both versions installed at the same time. Each version of LabVIEW will be installed in its own directory under the National Instruments directory. This way you can support projects that have not upgraded to the new version.
LabVIEW 8.2 is not technically an "Upgrade" to an older version. It's just a new version.
Ed
Ed Dickens - Certified LabVIEW Architect - DISTek Integration, Inc. - NI Certified Alliance Partner
Using the Abort button to stop your VI is like using a tree to stop your car. It works, but there may be consequences.

Do I have to be concerned about optimizing graphics and photos before uploading to Muse?

Do I have to be concerned about optimizing graphics and photos before uploading to Muse?

Yes and no.
Muse optimizes images for output and reduces unnecessary file sizes.
Just test it
• Place a rather big image
• Export the site as HTML to your computer.
• Compare the original image with that one Muse exported to the "image" folder.
If you want to make sure, that you achieve best possible quality, use images in exactly the pixel dimensions, which are needed in your layout. In this case, Muse will not touch the picture at all and export it as is.

Sharpen video footage before uploading onto YouTube

Basically I'm wondering whether there is any way to sharpen up the video footage in iMovie '08 before uploading onto YouTube to compensate for the 'softening' of the video by the YouTube rendering.
I've compared the video's I've uploaded to the same ones uploaded by a few other users and it seems to me that my versions seem to be a little bit blurred. I've tried most of the tricks like resizing the video to 640 x 480 so YouTube compression doesn't have to do too much work and the 100MB limit can be consumed in the quality of the video.
For info, the video footage looks sharp enough in iMovie '08 viewer, I can't seem to find any method to tweak the sharpness from within iMovie.
If this cannot be achieved from within iMovie '08, can the sharpness be adjusted in '06 or in Final Cut Express (which I am REALLY struggling with!), or does anyone have any other suggestions. Any idea on when the upgrade is due out?
Any help and assistance as always is much appreciated

I can't see any options from within Streamclip to sharpen the video further.
Since you are in MPEG Streamclip here (and not iMovie '08), you would have to go through the alternative "Export to other formats..." File menu option to access the original QT structure "QuickTime" option window which includes access to the built-in "Filter" options.
PLEASE NOTE: I'm focusing this particular exercise on uploading pinsharp video footage onto YouTube rather than general video editing.
While the use of different settings and compression formats may help reduce the YouTube loss of quality, IMHO there are just too many issues with both the transcoding of files by YouTube and their on-line player to justify the use of this site where quality is your major concern. Use this site when widest distribution to the most people is more important that the final quality. If you must use YouTube, you may wish to review the following Ken Stone article: Encoding for YouTube Using Compressor.

Compress an image before upload

Similar Messages

Maybe you are looking for