Archived Comments
\r\n \r\n- \r\n \r\n
- \r\n \r\n\r\n\r\n\r\n \r\n
![](\"http://www.gravatar.com/avatar.php?gravatar_id=79c8870c62f9c171ac96433f1331d51c&size=32&default=http://mediacdn.disqus.com/1320279820/images/noavatar32.png\"/)
\r\n Brent Ashley\r\n \r\n \r\nI've yet to find a way to automate an http file upload within the browser. You can't write to the builtin file upload input element's filename. Possibly a Flash helper would be of use - see www.aflax.org for instance.
\r\n\r\nbtw - I've sent some emails to your pobox addr lately with no ack. Either I'm a bit stinky or you're not getting them or a bit of both.
\r\n \r\n - \r\n \r\n\r\n\r\n\r\n \r\n
![](\"http://www.gravatar.com/avatar.php?gravatar_id=a0b347907bfaf05694805210ec595d6c&size=32&default=http://mediacdn.disqus.com/1320279820/images/noavatar32.png\"/)
\r\n Martin Atkins\r\n \r\n \r\nI don't think that you can do that right now, but read-only access to the file pointed to by a file upload element sounds like a good thing to propose to the WHATWG people for inclusion in their Web Applications spec, if it isn't already there.
\r\n\r\nAs long as it's read-only and you can't actually put a filename into that box from script I don't really see any security flaw to that.
\r\n \r\n - \r\n \r\n\r\n\r\n\r\n \r\n
![](\"http://www.gravatar.com/avatar.php?gravatar_id=0f8ba0cdebc6938f4cd0601aeef21621&size=32&default=http://mediacdn.disqus.com/1320279820/images/noavatar32.png\"/)
\r\n Jes5199 (Jesse Wolfe)\r\n \r\n \r\ngmail is AJAXing up attachments already. I don't really know how they're pulling it off.
\r\n \r\n - \r\n \r\n\r\n\r\n\r\n \r\n
![](\"http://www.gravatar.com/avatar.php?gravatar_id=068ae876f8f401b757f9c27212f20481&size=32&default=http://mediacdn.disqus.com/1320279820/images/noavatar32.png\"/)
\r\n ayssar\r\n \r\n \r\ni'm not sure gmail is ajaxing attachments, i think they're using a clever combination of iframes and dom manipulation of the input boxes, with perhaps a javascript timer auto-triggered onsubmit().
\r\n\r\njust guessing there, but i think you can see it if you have a \"view rendered source\" plugin for your browser...
\r\n \r\n - \r\n \r\n\r\n\r\n\r\n \r\n
![](\"http://www.gravatar.com/avatar.php?gravatar_id=3f3771daa40effa1355df3fae83872c6&size=32&default=http://mediacdn.disqus.com/1320279820/images/noavatar32.png\"/)
\r\n Pat Osterday\r\n \r\n \r\nNo way to do it in a browser using the current technologies - without changing security restrictions, etc. I did implement an \"AJAX style\" uploader using ActiveX to browse for a file, base64 encode it and then post it to the server using the XHR object - this was before \"AJAX\", but not brain surgery, of course you did have to let IE trust the site to allow the ActiveX stuff access to your hard drive - could've signed it I guess, but too much trouble for an Intranet app. GMail is just use an auto submit when you choose a file; in IE they are using a little bit of JS to auto popup the dialog box so you don't have to have a browse button visable. The AFLAX stuff looks interesting, though.
\r\n \r\n - \r\n \r\n\r\n\r\n\r\n \r\n
![](\"http://www.gravatar.com/avatar.php?gravatar_id=56dd4f42e8bac2343230b52b456cbde1&size=32&default=http://mediacdn.disqus.com/1320279820/images/noavatar32.png\"/)
\r\n Fred\r\n \r\n \r\nGmail does not use ajax to upload files. This link shows how we can upload files the way gmail does:\r\nhttp://blog.360.yahoo.com/blog-qCsFWG45eqF9lZ05AZldsUC.?p=58
\r\n \r\n - \r\n \r\n\r\n\r\n\r\n \r\n
![](\"http://www.gravatar.com/avatar.php?gravatar_id=e5ed50d0c93be71f755171f848a27d24&size=32&default=http://mediacdn.disqus.com/1320279820/images/noavatar32.png\"/)
\r\n ellinas\r\n \r\n \r\nI just hit the wall with the same problem.\r\nMy current idea is the following:\r\n- Open a popunder (not to make it annoyingly visible)\r\n- set this window as receiver to the form\r\n- trigger a submit by javascript parallel to the Ajax request\r\n- after upload the popunder can call a jS function in the opener page that talks to the server and receives the uploaded pic for example\r\n- then the popunder closes itself
\r\n\r\nCould this be a solution?
\r\n \r\n - \r\n \r\n\r\n\r\n\r\n \r\n
![](\"http://www.gravatar.com/avatar.php?gravatar_id=5ee7534431f12e68f59badeb44492092&size=32&default=http://mediacdn.disqus.com/1320279820/images/noavatar32.png\"/)
\r\n Reg Braithwaite\r\n \r\n \r\nellinas:
\r\n\r\nMost AJAX file upload solutions work almost exactly as you describe, however they use an invisible iFrame instead of a brand new window.
\r\n\r\nFor example, the upload_progress plug-in for Ruby on Rails uses this method to provide upload progress in real time.
\r\n \r\n - \r\n \r\n\r\n\r\n\r\n \r\n
![](\"http://www.gravatar.com/avatar.php?gravatar_id=962b02f0c914d37c4dfece85a8d9f6b7&size=32&default=http://mediacdn.disqus.com/1320279820/images/noavatar32.png\"/)
\r\n Ajax file upload\r\n \r\n \r\nThe invisible IFrame works great. I have a script that has suited me fine. You can see it at http://www.seemysites.net/projFolder/uploader - it's completely free, too.
\r\n \r\n - \r\n \r\n\r\n\r\n\r\n \r\n
![](\"http://www.gravatar.com/avatar.php?gravatar_id=2377f34a68801b861c3e54e1301f0dce&size=32&default=http://mediacdn.disqus.com/1320279820/images/noavatar32.png\"/)
\r\n l.m.orchard\r\n \r\n \r\nNope, the iframe approach won't work for Amazon S3 - which is what this post is really looking for. I'm looking for a 100% client-side solution that uses Amazon's S3 api. So, no form post uploads, no server-side PHP helpers, just browser-to-S3 HTTP PUT. I don't think it's presently possible.
\r\n \r\n
Archived Comments
\n\n- \n
\n\n![](\"http://www.gravatar.com/avatar.php?gravatar_id=79c8870c62f9c171ac96433f1331d51c&size=32&default=http://mediacdn.disqus.com/1320279820/images/noavatar32.png\")
\nBrent Ashley\n \n\n\n \n\n\n \n- \n
\n\n![](\"http://www.gravatar.com/avatar.php?gravatar_id=a0b347907bfaf05694805210ec595d6c&size=32&default=http://mediacdn.disqus.com/1320279820/images/noavatar32.png\")
\nMartin Atkins\n \n\n\n \n\n\n \n- \n
\n\n![](\"http://www.gravatar.com/avatar.php?gravatar_id=0f8ba0cdebc6938f4cd0601aeef21621&size=32&default=http://mediacdn.disqus.com/1320279820/images/noavatar32.png\")
\nJes5199 (Jesse Wolfe)\n \n\n\n \n\n\n \n- \n
\n\n![](\"http://www.gravatar.com/avatar.php?gravatar_id=068ae876f8f401b757f9c27212f20481&size=32&default=http://mediacdn.disqus.com/1320279820/images/noavatar32.png\")
\nayssar\n \n\n\n \n\n\n \n- \n
\n\n![](\"http://www.gravatar.com/avatar.php?gravatar_id=3f3771daa40effa1355df3fae83872c6&size=32&default=http://mediacdn.disqus.com/1320279820/images/noavatar32.png\")
\nPat Osterday\n \n\n\n \n\n\n \n- \n
\n\n![](\"http://www.gravatar.com/avatar.php?gravatar_id=56dd4f42e8bac2343230b52b456cbde1&size=32&default=http://mediacdn.disqus.com/1320279820/images/noavatar32.png\")
\nFred\n \n\n\n \n\n\n \n- \n
\n\n![](\"http://www.gravatar.com/avatar.php?gravatar_id=e5ed50d0c93be71f755171f848a27d24&size=32&default=http://mediacdn.disqus.com/1320279820/images/noavatar32.png\")
\nellinas\n \n\n\n \n\n\n \n- \n
\n\n![](\"http://www.gravatar.com/avatar.php?gravatar_id=5ee7534431f12e68f59badeb44492092&size=32&default=http://mediacdn.disqus.com/1320279820/images/noavatar32.png\")
\nReg Braithwaite\n \n\n\n \n\n\n \n- \n
\n\n![](\"http://www.gravatar.com/avatar.php?gravatar_id=962b02f0c914d37c4dfece85a8d9f6b7&size=32&default=http://mediacdn.disqus.com/1320279820/images/noavatar32.png\")
\nAjax file upload\n \n\n\n \n\n\n \n- \n
\n\n![](\"http://www.gravatar.com/avatar.php?gravatar_id=2377f34a68801b861c3e54e1301f0dce&size=32&default=http://mediacdn.disqus.com/1320279820/images/noavatar32.png\")
\nl.m.orchard\n \n\n\n \n\n\n \n
\n\n\n\n
I've yet to find a way to automate an http file upload within the browser. You can't write to the builtin file upload input element's filename. Possibly a Flash helper would be of use - see www.aflax.org for instance.
\nbtw - I've sent some emails to your pobox addr lately with no ack. Either I'm a bit stinky or you're not getting them or a bit of both.
\n
I don't think that you can do that right now, but read-only access to the file pointed to by a file upload element sounds like a good thing to propose to the WHATWG people for inclusion in their Web Applications spec, if it isn't already there.
\nAs long as it's read-only and you can't actually put a filename into that box from script I don't really see any security flaw to that.
\n
gmail is AJAXing up attachments already. I don't really know how they're pulling it off.
\n
i'm not sure gmail is ajaxing attachments, i think they're using a clever combination of iframes and dom manipulation of the input boxes, with perhaps a javascript timer auto-triggered onsubmit().
\njust guessing there, but i think you can see it if you have a \"view rendered source\" plugin for your browser...
\n
No way to do it in a browser using the current technologies - without changing security restrictions, etc. I did implement an \"AJAX style\" uploader using ActiveX to browse for a file, base64 encode it and then post it to the server using the XHR object - this was before \"AJAX\", but not brain surgery, of course you did have to let IE trust the site to allow the ActiveX stuff access to your hard drive - could've signed it I guess, but too much trouble for an Intranet app. GMail is just use an auto submit when you choose a file; in IE they are using a little bit of JS to auto popup the dialog box so you don't have to have a browse button visable. The AFLAX stuff looks interesting, though.
\n
Gmail does not use ajax to upload files. This link shows how we can upload files the way gmail does:\nhttp://blog.360.yahoo.com/blog-qCsFWG45eqF9lZ05AZldsUC.?p=58
\n
I just hit the wall with the same problem.\nMy current idea is the following:\n- Open a popunder (not to make it annoyingly visible)\n- set this window as receiver to the form\n- trigger a submit by javascript parallel to the Ajax request\n- after upload the popunder can call a jS function in the opener page that talks to the server and receives the uploaded pic for example\n- then the popunder closes itself
\nCould this be a solution?
\n
ellinas:
\nMost AJAX file upload solutions work almost exactly as you describe, however they use an invisible iFrame instead of a brand new window.
\nFor example, the upload_progress plug-in for Ruby on Rails uses this method to provide upload progress in real time.
\n
The invisible IFrame works great. I have a script that has suited me fine. You can see it at http://www.seemysites.net/projFolder/uploader - it's completely free, too.
\n
Nope, the iframe approach won't work for Amazon S3 - which is what this post is really looking for. I'm looking for a 100% client-side solution that uses Amazon's S3 api. So, no form post uploads, no server-side PHP helpers, just browser-to-S3 HTTP PUT. I don't think it's presently possible.