Multiple file upload with preview - asp.net

Is there any good control or plug-in for uploading multiple photos with preview? As far as I understand it is impossible to preview photo on local computer using just JavaScript. So it has to use Flash or Java.
Thanks, also, I use ASP.NET.

Wait, do you mean show it in a browser window before starting the upload? So does the file have a URI? (Hint: file:///c/users/public/somefile.png is a URI) You can always just link it into an image tag on their browser session.
Now, will a browser let you link a file:/// for image? That I've not tried, but you should; at least you'll learn something from it when you do try.
But using this, there's no reason you can't use a lightbox style image viewer with the local URI.

You could also make use of silverlight 4. If you're looking for something already written you might try using the upload control from gallery which much require some hackery or if you have money to burn then telerik have an upload control but I don't believe it supports previews. This http://www.aurigma.com/Products/ImageUploader/ also looks nifty.

Related

How can we protect our image being copied from our web site

How can we protect our image being copied from our web site?
Can we disable copying image content from our website or any?
You cannot stop an image from being downloaded from your web site. If this image is visible somehow on the site it means that clients already have it. You could add watermarks to the original to claim copyright. Some other techniques might involve incorporating the image into a Flash movie which would make it harder but not impossible to retrieve.
IMHO clearly stating copyright ownership of the images somewhere on your site should be enough.
You cannot protect your images from copying. You can add watermark or some other artefact to it to discourage people from copying it, but you cannot prevent it (if you want it to be shown on your webpage, it is publicly available).
You may find this article as useful: Your images are a virus. They are EVERYWHERE on the Internet
You can't prevent image copying from your website, if it is served to the clients' browsers it can be copied.
"User saw your images" means, he/she have already downloaded to his computer. But maybe you could put some trick to block users who are not advance on computer usage.
For example;
Disabling right click with javascript etc. (Not block us but blocks someones :) ) as described
You can try using a script and a transparent Gif or PNG overlay that is positioned over the image.
If the user back click they would end up with a blank image instead. This can be a little frustrating for them, and can sometimes be a bit difficult to figure out.
This may offer some low level help, unless the person is using a screen capture tool.

ASP.NET file upload progress bar

I've tired looking for an example of ASP.NET file upload progress bar without using flash or silverlight or ajax (just using iframe).
Can anybody help me?
NeatUpload is a pretty good solution. Depends on your definition of Ajax, but it does full page reloads with iframes and interpolates inbetween.
I'm not sure you can do it without some Ajax or some other mean (flash, silverlight...) to query the server periodically for the status of the upload. Normally, browsers don't provide upload status in a form you can read on the client side with javascript.
Unless what you need is just an indefinite "loading" animation (that provides no information on the real progress of the upload)
I ran into this same problem at work recently and ended up having to roll my own, simple C# file upload user control. The code is found on github here:
https://github.com/CBCMusic/ajax-file-uploader
It uses an existing JS library to handle the progress bar & XHR2 file upload, and downgrades nicely for older browsers. No flash, just HTML5. Hope it helps...!

How to edit images using javascript in real time and save the edited image on the server?

Is it possible to edit images using a javascript library and then send the edited image to the server for saving.
Edits will be in real time, means the user can see the edit result in the same time he is editing without the need to refresh the page.
I want a javascript library to do some edits on an image on a webpage 'such as crop, resize, rotate,...' and send send the edited result to the server.
How this can be done or if there any smart work around to something like this.
The libraries mentioned don't seem to be fully cross browser. As far as I know there is no fully cross browser compliant way to edit pixel data on the client.
The current best approach would be to do these manipulations on the server. You can still do this real time using a web service.
As an example see the image editor in TinyMCE which supports crop, rotate, resize, flip, all from the client without a page refresh.
Pixastic is an image manipulation library; once you've modified the image, some sort of post back / upload call from the script will be able to upload the image provided you've implemented the needed functionality to do so.
An incomplete list to be sure, but these are two that come to mind which allow you do a wide variety of editing on the client side and push back to the server.
PIxastic
AIE
And there are numerous less complete image editing tools for simply cropping or adjusting contrast as well.
jcrop is what you are looking for .

Flex: Load PDF into Sprite for printing

I have pre-existing PDF files which I would like to send to a PrintJob in Flex 3. I can load the files fine with UrlRequest, but I need to somehow get the data into a Sprite to be included into a PrintJob.
Is there a way to do this, or should I go another route? (I've seen the hidden iFrame example, but I was hoping for a way to do this without JavaScript.)
Thanks
If you're using Aodbe AIR, then you'll be able to load the PDF into an HTML View.
Flex (and The Flash Player) does not have any native support for displaying (or creatging) PDFs, though.
Most people will just pass the generated PDF to the browser and let it handle it. You can do this w/ navigateToURL. The iFrame trick can work, although the actual display of the PDF may depend upon browser settings.
Here is another StackOverflow Post on a similar topic. It links to this site http://www.devaldi.com/?p=212 which provides one alternative.

Image preview in Flex

I am working on an image management application. We have an Adobe AIR client talking to a WAMP server. The MySQL DB stores the images as blobs.
We have an image search feature. Upon searching, I am displaying the results as XMLList in a popup window and provided a download button. Downloads work fine. I also want to add a preview button to the popup.
Please let me know how can I code this. Without having the file on the client, I cannot preview. But when I use save() method, the os dialog opens up. Anything to be done on the PHP side?
Please help.
Regards
Jad.
Don't you mean to display an Image? Wouldn't the normal work? Of course, for performance issues, your PHP code must render smaller images (thumbnails).
Correct me if wrongly understood your question. :(

Resources