Solved

uploading files from multiple browsers and devices

Posted on 2013-10-29
17
251 Views
Last Modified: 2013-11-01
Hi experts,
I'd like to know what are my best options to offer file upload from multiple devices from a webpage on desktops, iPhone and android.  I need to show a multiple file selection dialog if possible.  Is it?

Also, if there's no cross platform answer, what's the next best thing?

Thanks for any help!
Mike
0
Comment
Question by:thready
  • 8
  • 4
  • 4
  • +1
17 Comments
 
LVL 58

Accepted Solution

by:
Gary earned 500 total points
Comment Utility
jQuery has a number of cross browser multi file upload plugins

http://www.jquery4u.com/plugins/jquery-file-upload-plugins/

Uploadify is popular, I also like Plupload
0
 
LVL 82

Expert Comment

by:Dave Baldwin
Comment Utility
You will need a server side language like PHP or ASP.NET.  HTML and javascript are not capable of doing it.
0
 
LVL 1

Author Comment

by:thready
Comment Utility
Dave- how does the server side component help with file chooser dialogs?
0
 
LVL 82

Expert Comment

by:Dave Baldwin
Comment Utility
It doesn't as such but you can't upload files and save them without a server side language to receive them.  "file chooser dialogs" in a web page are in a form using <input type="file"> tags.  While you can style them to some degree, there is very little else you can do with them.  They are tightly restricted to prevent security breaches that would allow a malicious web site access to your files on your computer.

Here's one simple example using PHP.  File upload forms are rarely shown without the server side code because they are essentially useless otherwise.

http://www.w3schools.com/php/php_file_upload.asp

Technically you can create file upload procedures in Flash or JAVA but those required 'signed' code and permission to run on the client.
0
 
LVL 1

Author Comment

by:thready
Comment Utility
I believe we do have JSP on the server side, so it should be possible in that sense.  What concerns me is your comment on the tight restriction.  I'm hoping there's a way around that other than using signed java or flash.  This probably leaves us with one choice- browser plugins...  :o(  I'm not sure if there's any better way...  No other ideas?  Is browser plugins our best bet if we want to avoid java?

Many thanks,
Mike
0
 
LVL 58

Expert Comment

by:Gary
Comment Utility
Do you not have PHP or .Net?
0
 
LVL 82

Expert Comment

by:Dave Baldwin
Comment Utility
Why are you not wanting to use standard form uploads?  Those work everywhere.  What is it you want to do?
0
 
LVL 1

Author Comment

by:thready
Comment Utility
I'm the new guy this week.  Learning what they're using.  We can likely put whatever we need and proxy it off to the real workhorse...
0
6 Surprising Benefits of Threat Intelligence

All sorts of threat intelligence is available on the web. Intelligence you can learn from, and use to anticipate and prepare for future attacks.

 
LVL 1

Author Comment

by:thready
Comment Utility
We want to offer something like facebook's multiple photo upload component...  Many files in one shot- works from multiple browsers.  Preferably something on all browsers on all devices....
0
 
LVL 58

Expert Comment

by:Gary
Comment Utility
Are you on IIS or Linux - you must have a server side language - it would be very unusual that you do not have anything.
The two plugins I referenced above are both usuable with PHP, .net, coldfusion etc.
0
 
LVL 1

Author Comment

by:thready
Comment Utility
We're using tomcat
0
 
LVL 1

Author Comment

by:thready
Comment Utility
Hi again Gary - will those plugins also work on IOS and android?
0
 
LVL 1

Author Comment

by:thready
Comment Utility
And Gary- I'm not discounting your answer whatsoever, I just want to cover all the bases before...  I fully intend on checking out all those plugins as soon as I get the chance to!  :o)

And thanks to everyone for their input on this!
0
 
LVL 58

Expert Comment

by:Gary
Comment Utility
Yes - any browser.
If it's Tomcat then you will (likely) have PHP
0
 
LVL 82

Expert Comment

by:Dave Baldwin
Comment Utility
I don't know how they are doing that but I suspect you will need to get really expert at javascript.  If you look at the code on one of the photo pages, it is almost all javascript, very little html.  The only thing I'm really not sure about is how they get the 'Open' dialog window.  If you can figure that out, you can use javascript to do the rest.
0
 
LVL 52

Expert Comment

by:_agx_
Comment Utility
(no points..)

Supposedly it used to use Flash. It may still...  Other than html5, I'm not aware of any way to get a multi-file option from standard input controls.  So unless they're using some kind of html5 magic, it has to use some kind of signed control to get the multi-upload feature.
0
 
LVL 1

Author Closing Comment

by:thready
Comment Utility
Thanks to everyone for their input!
0

Featured Post

6 Surprising Benefits of Threat Intelligence

All sorts of threat intelligence is available on the web. Intelligence you can learn from, and use to anticipate and prepare for future attacks.

Join & Write a Comment

Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
This article discusses how to create an extensible mechanism for linked drop downs.
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…

744 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

15 Experts available now in Live!

Get 1:1 Help Now