Jquery 输入文件的简单进度条

Jquery 输入文件的简单进度条,jquery,html,css,forms,file-upload,Jquery,Html,Css,Forms,File Upload,我有一个带有字段的基本html表单: <form class="form-horizontal" action='helper.php' method="POST" enctype="multipart/form-data"> <input type="hidden" name="action" value="supporting-document" />

我有一个带有
字段的基本html表单:

                <form class="form-horizontal" action='helper.php' method="POST" enctype="multipart/form-data">                      
                    <input type="hidden" name="action" value="supporting-document" />
                    <input type="file" name="document" id="document" title="Select" class="btn btn-mini" onchange="this.form.submit();">
                    <div id="progress-bar">
                        <div class="progress"></div>
                    </div>
                </form>


是否可以使用jQuery添加基本进度条?

如果您想使用jQuery,可以使用很多插件

例如:

出于安全原因,javascript无法获取客户端文件的信息

但是如果你的站点要使用HTML5,有一个新的文件API可以用于此目的

对于非HTML5的情况,通常会获得flash的帮助以完成此任务

请看这里: