javascript - Accept attribute in file input for IE8 - Stack Overflow

admin管理员组

文章数量:1314488

I'm building an internal web app which allows the user to upload a file via the file input element as follows:

<input class="WebFormControls" type="file" accept=".csv" id="fileBulkCsv" name="fileBulkCsv" onchange="javascript:OnFileUploadChange();" />

The Problem

My problem is that the client's SOE uses IE8 (boo hiss, yes I know). Unfortunately, this version of IE doesn't support the accept attribute of the input element in conjunction with type="file" (works fine in Chrome).

The Question

My question is: is there another way to reproduce this behaviour? My goal is to have the browser open a file dialog which is preset to filter in only CSV files.

I've tried using both file extension pattern (".csv") and MIME type ("text/csv") arguments, but it does not work and I suspect that IE8 simply does not handle the accept attribute.

Out of Scope

Please note that I'm quite fortable with the concept of using JavaScript to validate the file name and its extension. However, this happens after the fact, once the user has already selected a file to upload. I'm looking for a way (if possible) to replicate the accept behaviour on Microsoft's browser.

Thanks!

I'm building an internal web app which allows the user to upload a file via the file input element as follows:

<input class="WebFormControls" type="file" accept=".csv" id="fileBulkCsv" name="fileBulkCsv" onchange="javascript:OnFileUploadChange();" />

The Problem

My problem is that the client's SOE uses IE8 (boo hiss, yes I know). Unfortunately, this version of IE doesn't support the accept attribute of the input element in conjunction with type="file" (works fine in Chrome).

The Question

My question is: is there another way to reproduce this behaviour? My goal is to have the browser open a file dialog which is preset to filter in only CSV files.

I've tried using both file extension pattern (".csv") and MIME type ("text/csv") arguments, but it does not work and I suspect that IE8 simply does not handle the accept attribute.

Out of Scope

Please note that I'm quite fortable with the concept of using JavaScript to validate the file name and its extension. However, this happens after the fact, once the user has already selected a file to upload. I'm looking for a way (if possible) to replicate the accept behaviour on Microsoft's browser.

Thanks!

• javascript
• html
• internet-explorer
• file-upload
• internet-explorer-8

Share Improve this question Follow edited Jun 12, 2013 at 4:15 Mark Micallef asked Jun 12, 2013 at 4:08 Mark MicallefMark Micallef 2,79777 gold badges2929 silver badges3636 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 9

The only way you can achieve this is to use external uploader in flash or in java (applet)

You could use for example swfupload: https://code.google./p/swfupload/

Unfortunately checking file type is in html5 api, which is not support by IE8

本文标签： javascriptAccept attribute in file input for IE8Stack Overflow