Load image files with AJAX?

Question

I was wondering if it's possible to load an image (from a form with an < input type="file" /> or something else like drag-and-drop area) only with AJAX ?

I ask this question because everyone have answered : "No it's definitely impossible due to a security problem. A web browser can't access file system".

So how this website do : Mothereffing Animated Gif ?

Thanks ! :)

There are several jquery plugins that do that, here is a list with some: creativefan.com/10-ajax-jquery-file-uploaders By the way, I think the trick is doing the uploads in a hidden iframe. — jeroen
– jeroen, Commented Jul 3, 2012 at 21:13
definitely possible as I've coded it before. Currently trying to find the document it's in.. — CoreyRS
– CoreyRS, Commented Jul 3, 2012 at 21:16
@jeroen you dont need an iframe. Theres a way to do it using a temporary file. — CoreyRS
– CoreyRS, Commented Jul 3, 2012 at 21:17
The sad truth, is that the website you linked to does not work dragging from Thunar into Firefox13. — WhyNotHugo
– WhyNotHugo, Commented Jul 3, 2012 at 21:19
By "load" do you mean "upload"? Because if you are trying to view a file selected in a file input, I can't see where the server commutation provided by Ajax would be involved. — Quentin
– Quentin, Commented Jul 3, 2012 at 21:20

WhyNotHugo · Accepted Answer · 2012-07-03 21:18:22Z

1

I googled "ajax drag and drop file", and the first result is this.

Short answer: yes, it's very much possible. You should consider, though, that drag and dropping doesn't work perfectly on every browser/enviroment, so you should still keep an alternate button just in case.

answered Jul 3, 2012 at 21:18

WhyNotHugo

9,9636 gold badges67 silver badges74 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

SuperMykEl · Accepted Answer · 2012-07-03 21:25:43Z

1

Mothereffing Animated Gif is using Backbone and this script to convert the image to base64 data url.

answered Jul 3, 2012 at 21:25

SuperMykEl

6233 silver badges15 bronze badges

Collectives™ on Stack Overflow

Load image files with AJAX?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related