Javascript :: Implementing A Client-side Image Editor

Aug 13, 2010

We want a web app that allows a user to edit images on the browser and we're trying to decide which technology to use. We want to support simple image customization, such as high-quality resizing, cropping, image merging, and color transformations, as well as the addition of text elements with different fonts and colors.

The current options are: Flash: no worries about cross-browser compatibility; could use same image library on client and server; no iPhone/iPad support. Java (compiled to javascript with GWT): need to find a good image library in pure Java so it can be compiled to JS. Plain old javascript + HTML5: may be a mess due to multiple browsers; may need to write image editing code from scratch. Here's what's most important to us / criteria for choosing:

Image consistency: the image that the client edits on the browser must be exactly the same as the one we'll eventually use on the backend. We can achieve this by (a) having the same library both on the client and server to process images, (b) having the client generate the image and upload it to the server, or (c) use two different image processing libraries on the client/server and hope for the best in terms of consistency.

Option (a) seems best, but it would only be possible if we use Flash or Java/GWT. We don't like option (b) because the images are large; we'd rather save a sequence of operations to perform on a raw image than saving multiple transformed images. And we don't really know if option (c) is safe or not. Scalability: We prefer the client to do as much work as possible to decrease server load. Image quality must be kept high
Cross-platform: We'd like to support as many platforms as possible without rewriting everything (big negative for Flash due to iPhone/iPads).

View 3 Replies


Similar Posts:


Javascript :: Image Dimensions = Client Side After File Upload Selection

Feb 8, 2011

I have an upload form for an image. The user clicks browse and selects a file. How can I get the image dimensions the moment the user selects the file (before the file is even uploaded to the server). It obviously has to be something client-side with maybe javascript/jquery or flash/flex (prefer js//jquery though), but can either of them do this? This is the code I'm using to tie into zozo's getImgSize() function, but it gives me 0*0 as size.

[Code]...

View 1 Replies

Javascript :: Browser Side Code Editor Component?

May 5, 2010

do you know any browser-side component, in HTML/Javascript, Flash, Applet or Silverlight, that would allow source code edition with syntax highlighting and auto-completion.

CodeMirror has a good syntax highlighting support but does not seem to support auto-completion.If no such editor exists do you know any way to implement auto-completion using HTML and javascript or any other browser-side technology ?

View 1 Replies

Javascript :: Securing A Client-side API

Apr 27, 2011

I'm building a server-side API and client-side library for a JavaScript-based game where two very important features must be secured. A user must be debited for each play We must ensure that the score that gets submitted is the actual earned score by the player. Solving the first problem seems simple; at the beginning of each play we hit the API, debit the user's account and return a unique Play ID. When we submit the user's score for that play, we pass the ID issued at the beginning.

The second one has me a little stumped. Initially I considered a client-side hashing algorithm based on the ID and the score, but quickly realized that the Javascript that produces the hash could easily be reverse-engineered, even if it was obfuscated. At this point I considered a small flash component that generates the hash, but I've heard that even compiled flash can be decompiled.

[Code]...

View 5 Replies

Javascript :: Relation Between Client Side Scripts And DBMS

Nov 2, 2011

Today I heared something weird from someone, he said that using Javascript at the front end with Oracle DB that gives high performance than the performance if used Flash(ActionScript) with Oracle, while MySQL have the same performance with any client side scripting. Is that right?, Does client side scripts have anything to do with DBMS ?

View 1 Replies

Javascript :: File Compression Before Upload On The Client-side

Dec 4, 2011

Basically I'll be working with large XML files (approx. 20 - 50 MB). These files needs to be uploaded on a server.I know it isn't possible to touch the files with javascript, nor to implement HTTP compression on the client-side.

My question is that if any solution exists (flash / action script) that compresses a file and has a javascript API? The scenario is this:

Trying to upload 50 MB XML file Before upload a grab it with Javascript and send it to the compressor.Upload the compressed file instead of the original one.

View 4 Replies

Javascript :: Multiple File Upload (client Side)?

Jan 5, 2012

I'm looking for multiple file upload component with alternative ways.I need HTML5, Flash and normal upload support, depended by device.I don't like FancyUpload, because it uses mootools and mootools is very big library.Also I can't use jQuery, because I'm writing on Ext js and it's not good idea to use two big library like jQuery and Ext js.

View 2 Replies

Javascript :: Component To Upload Multiple Images With Client Side Crop

Mar 5, 2011

I'm looking a quick way to add an (multi) image unloader with client side crop to an ASP.NET MVC site and for some reason the search seems to be much more complicated than I thought upload image (can be via form post or custom, just has to work with ASP.NET)custom crop possibility before upload (preferred) multiple images at once It doesn't matter if js/jquery, silverlight or flash is used, it just has to work, its an internal application and I can force people to have the necessary plugins installed.

[Code]...

View 1 Replies

Flash :: Client - Side Image Processing - Creating A PNG Image From A PDF File

Feb 1, 2010

We're building a web-based application that requires heavy image processing. We'd like this processing load to be on the client as much as possible and we'd like to support as much platforms (even mobiles) as much as possible. Here's the info: Image processing is rasterization from some data. Think like creating a PNG image from a PDF file. We don't have a lot of server power. So client-side processing is a bit of a must.

So, we're considering: Flash - most widespread, but from what i read has lackluster development tools. (and no iPhone/iPad support for now). Silverlight - allows us to use .NET CLR, so a big ++ (a lot of code is in .NET). But is not supported for most mobiles ( rumored android support in the future) HTML5 + Javascript - probably the most "portable" option. The problem is having to rewrite all that image processing code in Javascript.

Clarification: I don't need further ideas on what libraries are available for Silverlight and Javascript. My dilemma is choosing Silverlight means no support for most mobiles choosing Flash means we have to redevelop most of our code AND no iPhone/iPad support HTML5 + Javascript we have to redevelop most of our code and not fully supported yet in all browsers choosing two (Silverlight + Flash) will be too costly Any out-of-the-box or bright ideas / alternatives

View 14 Replies

ActionScript 2.0 :: Client Side Image Resizing

May 4, 2006

Is flash capable to resize images in clients computer and then upload them?

View 6 Replies

Flex :: Creating Client Side PDF With Image Using AlivePDF

Jan 24, 2011

I am creating client side PDF with image using flex and AlivePDF for a web based application. Images have been generated on that pdf but it is creating problem for large size images as half of the image disappeared from that pdf. I am taking the image inside a canvas. How do I control my images so that they come fit on that pdf file for any image size that I take.

View 1 Replies

Flash :: Saving An Image As A File On The Client Side?

Feb 1, 2011

I'm rather inexperienced with flash and as3, and I've been given a task of writing a program that downloads images from URLs that are provided, and saves them to a specified location on the user's computer.

The idea is to be able to download multiple images (user selects them) and download them all to a single directory (which the user selects first) so that he doesn't have to download them one by one. Also, putting them in an archive and downloading as one file wasn't an option.The only solution I found is using FileReference.save(), which won't work for me because it opens a save dialog.

View 1 Replies

Flash :: Flex - Client-side Image Processing?

Sep 20, 2011

I'm creating some image uploader in Flex with client-side image processing. Processing consists of two steps:
1. Resizing (solved)

2. Converting resized image (represented by ByteArray in PNG32 with alpha-channel) to gray-scale PNG with bit-depth = 2 and no color-palette. Is there any existing library that is capable of second step? Something like libpng for C++, maybe?Edit:It seem I stumbled upon rarely encountered problem. However my descision was to create an AS3 class that is capable of converting bitmapData to 2bit grayscale PNG. I used standart PNGEncoder and PNG format specification (which is not so good as I expected) as basis.

View 1 Replies

Javascript :: Image Editor Component In Flex?

Sep 12, 2009

I'm looking for a simple Flex or JavaScript based image editing component which can be embedded in a web application. It shouldn't be a web service but rather a component that I can download and customize (i18n etc.).I only need some basic features: most important is cropping, optional features would be rotating and adjusting brightness/contrast

View 4 Replies

Flash :: Checking Uploaded Image Resolution And Detials At Client Side?

May 30, 2011

In flex, what we do, we normally upload the image from flex end and upload it to the serveri want to know, can we do some details checking, like i want to find out the imageesolution(on the client side) before it is uploaded to the server,There are going to be two profits, first the client doesn't need to wait for long to image get uploaded, and in case if finding the image resolution is on the server end, so it willtake time, even the image to be uploaded is not of expected resolutionsecond, the user interaction & interface with the flex application will be improved,

View 4 Replies

Javascript :: Photoshop-like - Embeddable Web Based Image Editor?

Dec 7, 2009

[URL] The above wasn't really the answer that I was looking for. I'm looking for an online image editor which I can embed into my pages, so users can edit images and submit them. I'm fine with it being Flash or Canvas/JS, no Silverlight or Java . Should have these features, or close to: File upload for image or remote url fetch Layer-based like Photoshop Magic Wand/Pen/Pencil/Brush/etc Text editing Cropping tool

View 4 Replies

Flash :: Flex Building An Application With Client Side And Server Side

Sep 3, 2011

I want to create an application that has these features

- At client side: Display a list of images, when user click on one image, data will be stored in MySQL database.

- At server side: Manage images used in client side, I can delete, add new images.

Is this possible for me to achieve this using Flex? And if it is able, will my output be 2 separate SWF files? And where can I find the materials to read on writing such applications?

View 1 Replies

Flex :: Download Files From The Server Side To Client Side Without Prompting A Window To The User To Download When Any Updates Happen At Server Side?

Dec 17, 2009

I want to download files from the server side to client side without prompting a window to the user to download when any updates happen at server side.Right now I am using urlstream class but first file is downloading completely rest of the files contents downloading partially.

editCode sample taken from other post. Warning: it's a huuuge chunk o'code.

<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml"
xmlns:MyComp="client.components.*" layout="absolute" height="554" width="817"

[code]....

View 2 Replies

Flex :: Server Side Alerts For Client Side App

Aug 28, 2009

User interacts with Adobe flex webpage to configure reports based on some data stored server side. They configure their view and have THAT view emailed to them daily. I've got the report builder, the part I'm trying to figure out is how to render the report server side and send it out as email (native flex functionality? convert to html? take screenshot? assume something is running client side?...)

View 2 Replies

Flex :: Adobe Client-side Or Server-side?

May 17, 2011

I am writing a thesis and have been able to place all my frameworks under two categories (client-side frameworks and server-side frameworks), but I can't seem to finf where to place Adobe Flex...In which category should I place this or should I place it in some separate catgeory?

View 3 Replies

ActionScript 3.0 :: Better To Thumbnail Client Side Or Server Side?

Apr 17, 2009

I am making an app where people upload a bunch of images and it thumbnails them and saves them to the server. Is it better to create thumbnails from the uploaded images, or to upload them to the server then re-download the thumbnails?

View 1 Replies

Javascript :: How To Make Sure That Image Returned From The Server Side Cannot Be Intercepted

Dec 13, 2011

In our application,we have a web service which wll return images to the client according to the parameter.Now,we want to make sure that the image can not be used by no-permissioned user and can not be intercepted through the network.So we want to encrypt the image in the server side,when the client get the image,it should be decrypted accordingly. However our application is browser based. It seems that in the browser we can not use javascript to decrpte the image stream.

Assume that each client which call the service is absolute safe.We try to use a hidden flash in the page,which may decrpte the image and save them to local,then show them in the page, this will use the communications between the js and flash.But we have to decrype the image use the flash language other than c# or java.

UPDATE:Our service for servering images:

[URL]

This url is public,so any one can use this service with different paramter.Even we add a key paramete like this:

[URL]

THen we meet two problem:

1)how about other people know this key,even we bind the key with the ip or mac addresss.

2)How about the user grap the http package directly? Then he do not need know any parameter,he can intercept the whole image steam.

UPDATE2:using both server side and client side?

View 3 Replies

ActionScript 2.0 :: Swapping - Play The Client Side Mp3 First Then Only Play Server Side Sound Object Alternately

Aug 9, 2004

I am new to actionscript. I have created a script that will play server side sound object and client side mp3 files alternately. Now, I would like to play the client side mp3 first then only play server side sound object alternately. However, I have no idea how can I do so. The following is the code that need to be swapped:

[Code].....

View 2 Replies

Media Server :: When Call A Client Side Mothed From Server Side?

Nov 10, 2010

Below is the code. When the swf is connected to FMS(the connection is successful) I use this application.user_so.send("enterContestGroup"); to call the client side mothed. You can see that in the client side I have defined the "enterContestGroup" mothed. However the fact is it doesn't call that mothed. Can anybody tell me what the error is
 
application.onAppStart = function(){  application.user_so = SharedObject.get("user_so", false);  application.nextId = 0;}application.onConnect = function(newClient)  application.acceptConnection(newClient); 

[code]....

View 8 Replies

Java :: Flex Client Side And Java As Server Side?

Aug 7, 2011

Since I'm developing a multiplayer card game for Facebook using Flex as client side and Java SE as server side, I wanted to know how do I actually make the connection between Flex and Java? the server and client should be able to send each other data(cards,movement,room information etc...) across and I wonder what's the easiest way to do it without complicating it. where to read about it ? I know JAVA but I find JavaEE hard to understand.

View 2 Replies

ActionScript 3.0 :: Image Carousel Controlled By Moving My Mouse Side To Side?

Mar 27, 2009

URL..On this site it has this Image Carousel controlled by moving my mouse side to side, is there a flash component, or some flash script i could use/buy?

View 2 Replies

ActionScript 3.0 :: Snap Image Over - Place All Images In Side By Side Like Tiling

Aug 26, 2009

i have to sanp images into tile or grid form. but my images are in 4 different sizes in height/width. i have to place all images in side by side like tiling.

View 1 Replies

Php :: Client-side Validation For Uploadify?

Jun 9, 2011

I am working on a page which uses uploadify to upload several images. The requires the user to upload these files. Is there a way to validate these field(s) on the client-side, such as with jQuery or JavaScript, prior to submission? I am comfortable with doing the server-side validation, such as with PHP.

View 1 Replies

PHP :: How To Get File Size At Client Side

Sep 21, 2011

How can I get file size at client side using actionscript and javascript.

View 3 Replies

ActionScript 3.0 :: UPDATE: Image To Follow Mouse Only Side To Side?

Nov 12, 2010

Here's the AS2 way:

1. Timeline has only 2 frames

1. Make movie clip and give it an instance name (in this case: box_mc). Make sure this takes up frame 1 and 2 on timeline.

2. On a sparate actions layer on frame 1 put this down:

mouse_x = _xmouse;
setProperty (_root.box_mc, _x, mouse_x+((getProperty(_root.box_mc,_x)-mouse_x)/2));

3. On frame 2 of actions layer put:

gotoAndPlay (1);

how to do this in AS3? I really want to be able to have 3d rotation tweening in my flash file and AS2 won't let me do it.

View 1 Replies







Copyrights 2005-15 www.BigResource.com, All rights reserved