选择文件后立即POST

Question

我有以下HTML代码

<form action="/script/upload_key.py" method="POST" enctype="multipart/form-data"> 
    Key filename: <input name="file_1" type="file"> 
    <input name="submit" type="submit"> 
</form> 

这给了我以下的东西.

我在想

1. 我如何使用JavaScript,以消除Submit按钮的需要.这意味着,一旦我Choose File,所选文件将立即上传？
2. 如何确保显示所选文件名的字段足够长,以便...不会显示？

Answer 1

要立即提交,请执行以下操作:

<input name="file_1" type="file" onchange="this.form.submit();">

如果您使用的是JQuery:

$("input[name='file_1']").change(function() { this.form.submit(); });

关于您的其他问题:

1)有很多方法......例如:

http://valums.com/ajax-upload/

http://www.webtoolkit.info/ajax-file-upload.html

(以及更多.仅谷歌:"Ajax文件上传"或"iframe文件上传")

2)不要担心场地的宽度.因为你不知道这条路有多长,所以它永远不够长(我想).浏览器也可能显示它非常不同.例如,Safari或Chrome显示它与Firefox或IE非常不同.只需使用默认长度或与您的设计看起来更好的长度.