有趣的JS上传按钮的问题

用一个按钮去调用File1的click方法,实现上传时隐藏File1,却发现,在表单Submit的时候, File1的Value竞然没有了
而必须用File1的浏览,才可以提交表单,这是怎么回事?
要实现 单击button1 调用File1的click事件,并且可以提交表单,应该怎么办?
源码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Untitled Page</title>
</head>
<body>
<form method="post" action="aaa.html" id="form1" name="form1">
    <input id="File1" type="file" name="File1" />
    <input id="Button1" type="button" value="button" onclick="document.form1.File1.click()" />
    <input id="Submit1" type="submit" value="submit" />
    
</form></body>
</html>