简单进度条输入文件

时间:2013-05-15 13:41:16

标签: jquery html css forms file-upload

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

1 个答案:

答案 0 :(得分:0)

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

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

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

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

对于不是HTML5的情况,通常会获得闪存帮助来完成这样的任务