INTELLIGENT WORK FORUMS
FOR COMPUTER PROFESSIONALS

Log In

Come Join Us!

Are you a
Computer / IT professional?
Join Tek-Tips Forums!
  • Talk With Other Members
  • Be Notified Of Responses
    To Your Posts
  • Keyword Search
  • One-Click Access To Your
    Favorite Forums
  • Automated Signatures
    On Your Posts
  • Best Of All, It's Free!

*Tek-Tips's functionality depends on members receiving e-mail. By joining you are opting in to receive e-mail.

Posting Guidelines

Promoting, selling, recruiting, coursework and thesis posting is forbidden.

Jobs

HTML5 & File Uploads

HTML5 & File Uploads

(OP)
Hi,

I was hoping to use HTML5's better support for file uploads, but seem to be stuck.

I was following this blog : http://www.matlus.com/html5-file-upload-with-progr...

But it appears to be a total waste of time, because the article said IE9 Beta didn't support the HTML5 File API, but I am using IE11 and still it won't work as I cannot access

CODE

$('#myFileInputID').files[0] 

Does this mean HTML5 and file uploads is a waste of time, as IE is the most used browser and I'm not interested in any solution that doesn't include IE support.

I'm hoping I've just been looking in the wrong place and you guys can point me to a blog / tutorial / guide that will help me build better file upload UI/UX with HTML5.

Of course if IE9 RTM doesn't support any of this, then it's a no-go anyway as IE9/Vista is the HTML5 modern web watershed!

Thanks,
1DMF

"In complete darkness we are all the same, it is only our knowledge and wisdom that separates us, don't let your eyes deceive you."

"If a shortcut was meant to be easy, it wouldn't be a shortcut, it would be the way!"
Free Electronic Dance Music

RE: HTML5 & File Uploads

(OP)
I've given up with HTML5 , until Vista is dead, it's pointless, because M$ aren't going to release IE10+ for Vista, making HTML5 unusable!

I've yet to see the point in using modernizer and plethora of JQuery plugins, that require a tonne of fallback code for browsers that don't support it not to mention additional hidden fields for error messages etc. etc. , it's exactly how I did it before HTML5, so why code the same thing twice?




"In complete darkness we are all the same, it is only our knowledge and wisdom that separates us, don't let your eyes deceive you."

"If a shortcut was meant to be easy, it wouldn't be a shortcut, it would be the way!"
Free Electronic Dance Music

RE: HTML5 & File Uploads

The choice of technology depends on your audience. Check your site reports to see the percentage of users that would be affected by your choices.

RE: HTML5 & File Uploads

(OP)
I already know I have a lot of users on IE9, so it has to be a solution that works with poor HTML5 support. I'm prepared to ditch <IE9 as people need to replace XP A.S.A.P. and anyone using any other browser simply needs to update it and they have HTML5 support, it's M$ screwing everything up like usual!

The frustrating thing is the available so called 'HTML5 Validation' JQuery plugins, simply don't work or offer a very poor attempt at HTML5 Form Validation.

I've spent the entire day faffing around with them to find I have no choice but to go back to HTML4 and the standard JQuery validation plugin.

h5validate = placeholders aren't working in IE9
html5Form = only works with inputs, not checkbox, select list etc.

As this blog states : http://stephenwalther.com/archive/2012/03/13/html5...

Quote:

What the world really needs is a jQuery plugin which provides backwards compatibility for the HTML5 validation attributes. If a browser supports the HTML5 validation attributes then the plugin would do nothing. Otherwise, the plugin would add support for the attributes.

Unfortunately, as far as I know, this plugin does not exist. I have not been able to find any plugin which supports both the required and pattern attributes for older browsers, but does not get in the way of these attributes in the case of newer browsers.

Having spent the day hunting and trying what I could find, I totally agree, the current HTML5 plugins are a waste of time, don't work and don't provide what we want -> HTML5 Form Validation!

Unless someone knows of a plugin that actually does work?




"In complete darkness we are all the same, it is only our knowledge and wisdom that separates us, don't let your eyes deceive you."

"If a shortcut was meant to be easy, it wouldn't be a shortcut, it would be the way!"
Free Electronic Dance Music

RE: HTML5 & File Uploads

(OP)
Good new boppers... I found a working HTML5 forms validation polyfill that works including placeholder text and a popup error message just like HTML5 smile

http://afarkas.github.io/webshim/demos/

I found the following site is a good resource for checking browser compatibility and getting polyfills to bridge the gap.

http://html5please.com/

As I suspected, I had simply been looking in the wrong place previously - so hope it helps others thumbsup

"In complete darkness we are all the same, it is only our knowledge and wisdom that separates us, don't let your eyes deceive you."

"If a shortcut was meant to be easy, it wouldn't be a shortcut, it would be the way!"
Free Electronic Dance Music

Red Flag This Post

Please let us know here why this post is inappropriate. Reasons such as off-topic, duplicates, flames, illegal, vulgar, or students posting their homework.

Red Flag Submitted

Thank you for helping keep Tek-Tips Forums free from inappropriate posts.
The Tek-Tips staff will check this out and take appropriate action.

Reply To This Thread

Posting in the Tek-Tips forums is a member-only feature.

Click Here to join Tek-Tips and talk with other members!

Resources

Close Box

Join Tek-Tips® Today!

Join your peers on the Internet's largest technical computer professional community.
It's easy to join and it's free.

Here's Why Members Love Tek-Tips Forums:

Register now while it's still free!

Already a member? Close this window and log in.

Join Us             Close