<script type="text/javascript" charset="utf-8">

function change(e){
    var src=e.target || window.event.srcElement; //获取事件源，兼容chrome/IE
    src.style.background='red';
    alert(src.value);

    //测试chrome浏览器、IE6，获取的文件名带有文件的path路径
    //下面把路径截取为文件名
    var filename=src.value;
    alert( filename.substring( filename.lastIndexOf('\\')+1 ) );

    //获取文件名的后缀名（文件格式）
    alert( filename.substring( filename.lastIndexOf('.')+1 ) );
}
</script>
</head>
<body >
    选择文件:
    <br>
    <input type='file' onchange="change(event);" >
</body>

results matching ""

    No results matching ""