2

当我使用输入按钮浏览用户计算机上的文件时，它适用于 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 再次未定义

谢谢

4

2 回答 2

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);
}

请参阅 jsFiddle 的工作示例：http: //jsfiddle.net/phusick/fkY4k/

于 2012-08-19T21:24:55.870 回答
0

很明显，文件没有在 IE 中定义。请参阅此处了解如何使用 IE 进行操作。

于 2012-08-19T19:04:55.723 回答