js替换普通file控件

<input type="hidden" name="MAX_FILE_SIZE" value="10000000">
<input type="file" id="agreement" name="agreement" value='' style='display:none' />
<input type='button' id='bt_file' value='上传' class='bt_file' onclick='agreement.click()'/>           <span id='filename'></span><!--放置上传文件名称-->

$("#agreement").change(function(){
    var a_name;
    a_name = $(this).val()
    $("#filename").text(a_name.substring(a_name.lastIndexOf('\\')+1))
    //lastIndexOf('\\') 获得最后一个'\'的位置，用obj.substring(start[,length])截取到结尾
})