浏览并从用户硬盘中选择文件在IE中给出undefined

时间:2012-08-17 01:26:37

标签: javascript html dojo

当我使用输入按钮浏览用户计算机上的文件时,它可以在FF,IE9和Chrome上运行。但是当我将文件传递给IE9中的JS函数时,我得到了未定义,而它在FF和Chrome中完美运行。

 <form id="uploadForm" style='display:none;padding:1px;' method="post" enctype="multipart/form-data">
 <input type="file" name="data" id="inFile" size="15" style="display:none" onchange="handleFiles(this.files)"/>


function handleFiles(files){
//doing something with the files
}



 //In IE files is undefined

我也尝试过使用

    dojo.connect(dojo.byId("uploadForm").data, "onchange", function(evt){
        handleFiles(this.files);
    });

<form id="uploadForm" method="post" enctype="multipart/form-data">
<input type="file" name="data" id="inFile" size="15" style="display:none"/>

This.files再次未定义

感谢

2 个答案:

答案 0 :(得分:6)

IE9不支持多个文件上传,也没有files属性。您将不得不依赖value属性并从其提供的路径中解析文件名。

我的解决方案:

  1. this代替this.files传递到handleFiles()函数:

    <input type="file" onchange="handleFiles(this)">
    
  2. 像这样开始你的handleFiles()功能:

    function handleFiles(input){
        var files = input.files;
        if (!files) {
            // workaround for IE9
            files = [];            
            files.push({
                name: input.value.substring(input.value.lastIndexOf("\\")+1),
                size: 0,  // it's not possible to get file size w/o flash or so
                type: input.value.substring(input.value.lastIndexOf(".")+1)
            });
        }
    
        // do whatever you need to with the `files` variable
        console.log(files);
    }
    
  3. 请参阅jsFiddle上的工作示例:http://jsfiddle.net/phusick/fkY4k/

答案 1 :(得分:0)

很明显IE中没有定义文件。有关如何使用IE浏览器,请参阅here