文件阅读器垫片，无法让它在 ie9 中工作答案

【问题标题】：filereader shim, cannot get it to work in ie9文件阅读器垫片，无法让它在 ie9 中工作
【发布时间】：2014-05-21 14:24:02
【问题描述】：

有没有人设法让https://github.com/aFarkas/webshim/ 的文件读取器 shim 在 IE9 中工作。

event.target.files 未定义，我无法获得有关所选文件的任何信息？

我有

$('#fp_file').on('change',function() {
    fileSelected( $(this) );
}); 

// File selected
function fileSelected(ele)
{    

var file = $(ele).prop('files')[0];  

var fileSize = 0;  

if(file)
{
  if(file.size > 1024 * 1024)
  {
      fileSize = (Math.round(file.size * 100 / (1024 * 1024)) / 100).toString() + 'MB';
  }
  else
  {
      fileSize = (Math.round(file.size * 100 / 1024) / 100).toString() + 'KB';
  }

  $('#fileName').html(file.name);
  $('#fileSize').html(fileSize);
  $('#fileType').html(file.type);
  $('#file_dets').show('slide');

}
else
{
  alert('no file : ' + file);
}

}

以及以下 HTML...

<!DOCTYPE html>
<html>
<head>
<title>Financial Promotions Form</title>
<link rel="stylesheet" type="text/css" href="financial_promotion.css" />
<script src="jquery-1.7.1.min.js" type="text/javascript"></script>          
<script src="js-webshim/minified/extras/modernizr-custom.js" type="text/javascript"></script> 
<script src="js-webshim/minified/polyfiller.js" type="text/javascript"></script>       

</head>
<body>

<div id="wrapper">

<form id="financial_promotion" action="financial_promotions.pl" method="post" enctype="multipart/form-data">               
            <fieldset>
                <legend>Promotion Documentation&nbsp;</legend>
                    <label for="fp_file">Upload File</label>

                    <input class="ws-filereader" type="file" name="fp_file" id="fp_file" />

            </fieldset> 
            <fieldset id="file_dets">
                <legend>File Information</legend>
                <div>
                    <label for="fileName">Name</label><span id="fileName"></span>
                </div>
                <div>
                    <label for="fileSize">Size</label><span id="fileSize"></span>
                </div>
                <div>
                    <label for="fileType">Type</label><span id="fileType"></span>
                </div>
            </fieldset>                                
   </form>        
   </div>

   </body>
    </html>

但是，我无法访问已选择的文件，使用$(ele).prop('files')[0]; 或event.target.files 或任何其他组合似乎并不重要，它在IE9 中总是未定义？

【问题讨论】：

标签： javascript jquery filereader

【解决方案1】：

呸！

GITHUB 上的示例找出了使它起作用的部分！！！

//webshims.setOptions('basePath', '/js-webshim/minified/shims/');

我在文档中看到了这个，并错误地认为它在说 - 看到这个设置 - 不要使用它！ - 注释掉代码的性质也是如此。

我只需要正确设置 basePath 即可。

webshims.setOptions({
    'basePath':'/my/folder/path/js-webshim/minified/shims/'
    });

webshims.polyfill('forms forms-ext filereader');

希望它对我所见过的所有其他线程有所帮助，像我一样，OP 没有头发了！

----> 27.05.2014 更新

我认为这种 polyfil/shim 不起作用。一旦你让它在 IE9 中运行，你会发现 flash 对象覆盖了输入元素，所以当一个文件被选中时，底层的输入元素不会被选中的文件填充，所以表单不能被提交为输入为空。

【讨论】：