输入文件的简单进度条答案

【问题标题】：Simple Progress Bar to input file输入文件的简单进度条
【发布时间】：2013-05-10 02:52:59
【问题描述】：

我有一个带有 <input type="file" /> 字段的基本 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 添加基本进度条？

【问题讨论】：

看这里：Progressbar jquery

标签： jquery html css forms file-upload

【解决方案1】：

如果你想使用 jQuery，有很多插件可以使用

例如：http://www.uploadify.com/

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

但是如果您的网站要使用 HTML5，则可以使用新的 FILE API 来实现此目的。

对于非 HTML5 的情况，通常会得到 Flash 的帮助来完成这样的任务

【讨论】：