jquery - 输入文件的简单进度条

Question

我有一个带有<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 添加基本进度条？

Answer 1

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

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

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

但是，如果您的网站要使用 HTML5，则有一个新的 FILE API 可用于此目的。

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