JS进阶篇--IE浏览器的ActiveXObject对象以及FileSystemobject的应用扩

摘要：对象启用和返回对自动化对象的引用。此对象仅用于实例化自动化对象，且此对象没有成员。警告此对象为扩展，仅在中受支持，在应用商店应用中不受支持。提供对象的应用程序的名称。要创建的对象的类型或类。对象在浏览器中实现文件的操作功能，还得需要对象。

启用和返回对自动化对象的引用。
此对象仅用于实例化自动化对象，且此对象没有成员。

警告：此对象为 Microsoft 扩展，仅在 Internet Explorer 中受支持，在 Windows 8.x 应用商店应用中不受支持。

语法：

newObj = new ActiveXObject(servername.typename[, location])

参数：
newObj：必选。ActiveXObject 分配到的变量名称。
servername：必选。提供对象的应用程序的名称。
typename：必选。要创建的对象的类型或类。
location：可选。要在其中创建对象的网络服务器的名称。

备注
自动化服务器至少提供一种对象。 例如，字处理应用程序可能会提供应用程序对象、文档对象和工具栏对象。

你可以在 HKEY_CLASSES_ROOT 注册表项中标识宿主 PC 上的 servername.typename 值。 例如，下面是可在此处找到的几个值示例，具体取决于安装的程序：

Excel.Application

Excel.Chart

Scripting.FileSystemObject

WScript.Shell

Word.Document

注意：ActiveX 对象可能存在安全问题。  若要使用 ActiveXObject，你可能需要在相关安全区域的 Internet Explorer 中调整安全设置。  例如，对于本地 Intranet 区域，通常需要将自定义设置更改为“对没有标记为安全的 ActiveX 控件进行初始化和脚本运行”。

若要创建自动化对象，请将新的 ActiveXObject 分配给对象变量：

var ExcelApp = new ActiveXObject("Excel.Application");
var ExcelSheet = new ActiveXObject("Excel.Sheet"); 

此代码启动创建对象的应用程序（在此示例中，为 Microsoft Excel 工作表）。 在创建某个对象后，可在代码中使用已定义的对象变量引用该对象。 在下面的示例中，使用对象变量 ExcelSheet 和其他 Excel 对象（包括应用程序对象和 ActiveSheet.Cells 集合）来访问新对象的属性和方法。

// Make Excel visible through the Application object.
ExcelSheet.Application.Visible = true;
// Place some text in the first cell of the sheet.
ExcelSheet.ActiveSheet.Cells(1,1).Value = "This is column A, row 1";
// Save the sheet.
ExcelSheet.SaveAs("C:TEST.XLS");
// Close Excel with the Quit method on the Application object.
ExcelSheet.Application.Quit();

要求
在以下文档模式中受支持：Quirks、Internet Explorer 6 标准、Internet Explorer 7 标准、Internet Explorer 8 标准、Internet Explorer 9 标准、Internet Explorer 10 标准和 Internet Explorer 11 标准。 在 Windows 8.x 应用商店应用中不受支持。

在IE浏览器中实现文件的操作功能，还得需要FileSystemobject对象。
使用FileSystemObject 对象进行编程很简单，一般要经过如下的步骤： 创建FileSystemObject对象、应用相关方法、访问对象相关属性 。

var fso = new ActiveXObject("Scripting.FileSystemObject");  

上述代码执行后，fso就成为一个FileSystemObject对象实例。

创建对象实例后，就可以使用对象的相关方法了。比如，使用CreateTextFile方法创建一个文本文件：

var fso = new ActiveXObject("Scripting.FileSystemObject");  
var f1 = fso.createtextfile("c:myjstest.txt",true");  

要访问对象的相关属性，首先要建立指向对象的句柄，这就要通过get系列方法实现：GetDrive负责获取驱动器信息，GetFolder负责获取文件夹信息，GetFile负责获取文件信息。比如，指向下面的代码后，f1就成为指向文件c: est.txt的句柄：

var fso = new ActiveXObject("Scripting.FileSystemObject");  
var f1 = fso.GetFile("c:myjstest.txt");  

然后，使用f1访问对象的相关属性。比如：

var fso = new ActiveXObject("Scripting.FileSystemObject");  
var f1 = fso.GetFile("c:myjstest.txt");  
alert("File last modified: " + f1.DateLastModified); 

但有一点请注意：对于使用create方法建立的对象，就不必再使用get方法获取对象句柄了，这时直接使用create方法建立的句柄名称就可以：

var fso = new ActiveXObject("Scripting.FileSystemObject");  
var f1 = fso.createtextfile("c:myjstest.txt",true");  
alert("File last modified: " + f1.DateLastModified);  

html代码：

js代码：

//兼容IE9低版本获取文件的大小
function getFileSize(obj){
    var filesize;
    if(obj.files){
        filesize = obj.files[0].size;
    }else{
        try{
            var path,fso; 
            path = document.getElementById("filePath").value;
            fso = new ActiveXObject("Scripting.FileSystemObject"); 
            filesize = fso.GetFile(path).size; 
        }
        catch(e){
            //在IE9及低版本浏览器，如果不容许ActiveX控件与页面交互，点击了否，就无法获取size
            console.log(e.message); //Automation 服务器不能创建对象
            filesize = "error"; //无法获取
        }
    }
    return filesize;
}

如果是高版本浏览器，一般在HTML代码中写就能实现，如：

如果限制上传文件为图片类型，如下：

但是在其它低版本浏览器就不管用了，需要js来判断。
html代码：

js代码：

/* 通过扩展名，检验文件格式。
 *@parma filePath{string} 文件路径
 *@parma acceptFormat{Array} 允许的文件类型
 *@result 返回值{Boolen}：true or false
 */
function checkFormat(filePath,acceptFormat){
    var resultBool= false,
        ex = filePath.substring(filePath.lastIndexOf(".") + 1);
        ex = ex.toLowerCase();
    for(var i = 0; i < acceptFormat.length; i++){
    　　if(acceptFormat[i] == ex){
            resultBool = true;
            break;
    　　}
    }
    return resultBool;
};
        
function limitTypes(){
    var obj = document.getElementById("filePath");
    var path = obj.value;
    var result = checkFormat(path,["bmp","jpg","jpeg","png"]);
    if(!result){
        alert("上传类型错误，请重新上传");
        obj.value = "";
    }
}

注：当然这个实例2在这儿没有用到上面的知识，只是根据实例1联想到了。

ActiveXObject 对象 (JavaScript):https://msdn.microsoft.com/li...

JS、ActiveXObject、Scripting.FileSystemObject :http://www.cnblogs.com/dingji...