How can I make the following code work with IE

Question

The following code is written with ES6: How do I convert to pre ES6 so that its compatible with IE. I tried to following; see second code snipet below

FilePond.create(document.querySelector('input'), {
    acceptedFileTypes: ['image/png'],
    fileValidateTypeDetectType: (source, type) => new Promise((resolve, reject) => {

        // Do custom type detection here and return with promise

        resolve(type);
    })
});


i tried the following 

FilePond.create(imageInputElement, {
            acceptedFileTypes: ['image/png', 'image/x-png', 'image/jpg', 'image/jpeg', 'image/pjpeg', 'image/gif', 'image/tiff', 'application/pdf'],
            fileValidateTypeDetectType: function (source, type) {
                                            return resolveFileType(resolve, reject);
                                        }
    })

async function resolveFileType(resolve, reject){
            const response = await resolve(type);
            return response;
        }

Does this answer your question? [Support for ES6 in Internet Explorer 11](https://stackoverflow.com/questions/39902809/support-for-es6-in-internet-explorer-11) — Marcelo The Mage Coder, Jan 28 '20 at 20:42
i would prefer rewriting it to functions pre ES6 and replace promise with async function? but i need some help with that — Andra Avram, Jan 28 '20 at 20:45
Well what have you tried as far as converting? What doesn't work in your converted code? Can you show us your attempt at converting the above code? — gforce301, Jan 28 '20 at 20:53
async / await is not supported in IE, you'll have to return a Promise. Which means you'll have to add a Promise polyfill as Promises are also not natively supported in IE. — Rik, Jan 29 '20 at 11:58

Joseph · Accepted Answer · 2020-01-28T21:16:44.363

0

You can use the online transpiler for babel or if you work in a complete project

with ES6 so use task runner that will help you like [webpack, gulp]

or just fix your promises use a third party like BlueBird it uses to polyfill

promises in old browsers

<script src="https://cdnjs.cloudflare.com/ajax/libs/bluebird/3.3.4/bluebird.min.js"></script>

edited Jan 28 '20 at 21:16

answered Jan 28 '20 at 21:06

Joseph

5,644
3
18
44

hmm i tried it thanks a lot! but it still uses a Promise which is not supported by IE – Andra Avram Jan 28 '20 at 21:11
there is a third party called `bluebird` it use to polyfill the promises [link](http://bluebirdjs.com/docs/getting-started.html) – Joseph Jan 28 '20 at 21:13

How can I make the following code work with IE

1 Answers1