正文

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

 2023-02-24  277

关键词：

【中文标题】带有进度条的 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/

【讨论】：

带进度条的文件上传？

...ar?【发布时间】：2011-09-1108:01:12【问题描述】：如何创建带有进度条的HTML/PHP/AJAX文件上传器？我不知道从哪里开始。【问题讨论】：【参考方案1】：我用过Uploadify。易于集成，轻量级，是一个jQuery插件。【讨论】：【参考方案2... 查看详情

简单的跨浏览器，带有进度条的 jQuery/PHP 文件上传 [关闭]

】简单的跨浏览器，带有进度条的jQuery/PHP文件上传[关闭]【英文标题】：Simplecross-browser,jQuery/PHPfileuploadwithprogressbar[closed]【发布时间】：2012-05-1516:03:16【问题描述】：我知道有几个关于此的主题，但没有一个为文件上传脚本提供... 查看详情

CodeIgniter 上传进度

...2013-04-0302:25:19【问题描述】：我正在尝试使用CI2.1.3上传带有进度条的文件。我已经让文件上传一切正常，但是获得这个文件进度并不容易。我查看了大量具有不同解决方案的指南，但它们似乎都不起作用，因为大多数都非常过... 查看详情

Flutter 上传带有进度条的大文件。 App 和 Web 都支持

】Flutter上传带有进度条的大文件。App和Web都支持【英文标题】：Flutteruploadlargefilewithprogressbar.AppandWebbothsupport【发布时间】：2021-06-2304:49:49【问题描述】：我遇到上传大文件的问题。当从应用程序上传文件工作正常但网络挂起时... 查看详情

使用 HTML5 和 Javascript 录制/上传带有进度条的固定长度视频

】使用HTML5和Javascript录制/上传带有进度条的固定长度视频【英文标题】：Record/UploadafixedlengthvideowithprogressbarusingHTML5andJavascript【发布时间】：2021-07-1900:28:24【问题描述】：我正在用HTML和Java脚本制作一个小项目，用户可以在其中... 查看详情

struts+ajax上传文件进度条的问题

上传文件ajax读取进度总是只能直接100%，下面结果说明监听器是可以正常取得值得，就是ajax无法异步取得大小而是最后才取得。ajax代码在下面update34370;51925;1update37895;51925;1update41949;51925;1update45474;51925;1update49528;51925;1update51925;51925;... 查看详情

使用 jQuery $.ajax 和 Spring Boot 上传图片的进度条

...】：我在$.ajax帖子中设置进度条时遇到问题，该帖子通过带有Spring框架的@Controller将图像上传到Cloudinary服务。我的问题是监控上传过程的事件从一开始就上传了整查看详情

关于文件上传下载以及其他进度条的实现

现在我的上传，下载，或者某个批量的进度的进度条实现思路都是这样：　　定义一自定义类，列出总数量，完成数（有需求决定可分成功与失败）　　然后访问链接的时候进行处理，将session中存入自定义类，自定义类中存入... 查看详情

带有图像和圆形进度条的圆形按钮

】带有图像和圆形进度条的圆形按钮【英文标题】：Circularbuttonwithimageandcircularprogressbar【发布时间】：2019-12-2819:29:53【问题描述】：我正在尝试制作一个按钮，里面有一个图像，外面有一个圆形进度条，按下按钮后是彩色的。我... 查看详情

jQuery 上传进度和 AJAX 文件上传

】jQuery上传进度和AJAX文件上传【英文标题】：jQueryUploadProgressandAJAXfileupload【发布时间】：2011-06-1822:04:45【问题描述】：我似乎没有清楚地表达我的问题。我需要发送一个文件（使用AJAX），我需要使用NginxHttpUploadProgressModule获取... 查看详情

jQuery 上传进度和 AJAX 文件上传

如何使用进度条快速上传大文件？

...2012-10-1201:46:31【问题描述】：目前我正在使用socket.io上传带有进度条的视频。这是教程http://net.tutsplus.com/tutorials/javascript-ajax/how-to-create-a-resumable-video-uploade 查看详情

使用 Util.copyStream 的带有进度条的 FTP - JAVA

】使用Util.copyStream的带有进度条的FTP-JAVA【英文标题】：FTPwithprogressbarusingUtil.copyStream-JAVA【发布时间】：2013-09-2002:56:11【问题描述】：我正在使用Util.copyStream()通过FTP上传文件。它在进度条上显示进度，但是当我尝试通过FTP客户... 查看详情

显示多文件上传 Jquery/Ajax 的进度

】显示多文件上传Jquery/Ajax的进度【英文标题】：ShowaprogressonmultiplefileuploadJquery/Ajax【发布时间】：2014-06-0619:04:36【问题描述】：我有允许用户上传多个文件的上传表单。我决定如果文件很大，进度条会很好。下面是我的源代码... 查看详情