Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Internet explorer #85

Open
advany opened this issue Jan 24, 2016 · 12 comments
Open

Internet explorer #85

advany opened this issue Jan 24, 2016 · 12 comments

Comments

@advany
Copy link

advany commented Jan 24, 2016

In both internet explorer and firefox, no file dialogue is triggered. Here is an example:

http://islamagenda.nl/events/create

Use a very simple implementation (and no error)

@advany
Copy link
Author

advany commented Jan 24, 2016

switched to the old version (before jquery fileupload) and it works! How can I debug it.. because I can't figure it out.

@mperkh
Copy link

mperkh commented Jan 24, 2016

+1

1 similar comment
@takahser
Copy link

+1

@macmacs
Copy link

macmacs commented Jan 26, 2016

+1
Same Problem here. No Errors are thrown ... just doesn't work.
Please look into fixing it, THANKS!

@advany
Copy link
Author

advany commented Jan 26, 2016

I think I know the problem, its the missing iframe plugin. Ill try to create an fix.

@macmacs
Copy link

macmacs commented Jan 26, 2016

@advany GREAT! Thanks man!

@advany
Copy link
Author

advany commented Jan 28, 2016

Little busy, btw an easy fix is:

meteor remove yogiben:autoform-file
meteor add shinn:autoform-file

@isbjorn
Copy link

isbjorn commented Jan 31, 2016

We can not have <input type=file> inside <button>:

http://www.w3.org/TR/html5/forms.html#the-button-element:

4.10.8 The button element Content model: Phrasing content, but there must be no interactive content descendant.
--->
Interactive content is content that is specifically intended for user interaction. ⇒ a, audio...

Fix is to replace button with span (tested in chrome & firefox)

Anybody can use code like this:

<template name="afFileSelectFileBtnTemplateFixed">
  <span class="btn btn-default af-select-file js-af-select-file">
    {{label}}
    <input type="file" class="js-file" accept="{{accept}}">
  </span>
</template>
// client.js
Template.afFileSelectFileBtnTemplateFixed.onRendered(function () {

  $('.js-file').fileupload();
})

And use selectFileBtnTemplate inside schema:

...
  avatar: {
    type: String,
    autoform: {
      afFieldInput: {
        type: 'fileUpload',
        collection: 'Images',
        selectFileBtnTemplate: 'afFileSelectFileBtnTemplateFixed',
        label: 'Choose file',
        accept: 'image/*',
      },
    },
  },
...

@mario589736
Copy link

When i use this bugfix i get the following error:

TypeError: $(...).fileupload is not a function

When i use a not Custom Button, Fileupload Dialog is not opened after clicking the Button.

@bulleric
Copy link

i also don't get a working version have somebody find out more?

@isbjorn
Copy link

isbjorn commented Feb 28, 2016

@mario589736 @bulleric

I created simple page for testing upload button: http://oa-testupload.meteor.com
Checked it with chrome, firefox, ie11, edge (only file selection is worked, upload is disabled by code)

You can reproduce this page with instructions from: https://github.com/isbjorn/test-upload

@mario589736
Copy link

@isbjorn Thanks!!!!! Its working!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

7 participants