带有进度条的 jQuery ajax 上传 - 没有 flash

Posted 2023-02-24

【中文标题】带有进度条的 jQuery ajax 上传 - 没有 flash

【英文标题】：jQuery ajax upload with progress bar - no flash

【发布时间】：2011-02-12 10:59:54

【问题描述】：

我正在寻找类似于uploadify 的文件上传器，其进度条不依赖于 Flash，最好使用 jQuery - 这可能吗？

【问题讨论】：

这是可能的，但它很难开始工作，jQuery 还不够，你还需要做一些服务器端编码。看看这个，假设你使用的是 php：nixboxdesigns.com/demos/jquery-uploadprogress.php

【参考方案1】：

当然，这是可能的。一些具有不同代码和教程的网站是：

http://github.com/drogus/jquery-upload-progress（DrJokepu 忍者；） http://t.wits.sg/2008/06/25/howto-php-and-jquery-upload-progress-bar/

【讨论】：

t.wits.sg 博客文章引用了pecl.php.net/package/uploadprogress，这是一个很好的解决方案。

此链接t.wits.sg/2008/06/25/howto-php-and-jquery-upload-progress-bar 已损坏

Murali：使用网络存档：web.archive.org/web/20120414125425/http://t.wits.sg/2008/06/25/…

【参考方案2】：

不，我不认为它可以跨所有浏览器。 IE6-9不支持真正的上传进度条如果没有flash。导致js在没有File Read API的情况下无法获取文件大小。

【讨论】：

PHP可以获取上传文件大小，通过AJAX返回给JS。事实上，PHP 可以获取有关文件的所有信息并通过 AJAX 将其作为 JSON 字符串返回，并且它可以在任何支持 AJAX 的浏览器（包括 IE6）中工作。你不需要Flash。但是，您仍然需要找到一种报告上传进度的方法，这涉及 JS 长轮询和监控服务器上的文件量与 PHP 中的文件大小。

【参考方案3】：

你好试试我的 beta ajax 多上传基于 jquery 的，简单高效的下载地址：http://www.albanx.com/。没有flash，有进展，通过https工作，支持主要浏览器.. 编辑： 在这里找到最终项目http://code.google.com/p/ax-jquery-multiuploader/