Calculate progress bar percentage

ajax upload progress swfupload
Nic Hubbard picture Nic Hubbard · Aug 23, 2009 · Viewed 12.3k times · Source

I am building a file upload progress bar. Currently I have an upload form which returns the current amount of uploaded data. So, it starts at zero, and returns the current size in bits, but I have converted that to bytes.

If I can get the total file size before I upload, and can get the current amount uploaded, and return this dynamically, how could I calculate this so that I can use a 1-100% value for a css width?

I am using the swfupload jquery plugin: http://blogs.bigfish.tv/adam/2009/06/14/swfupload-jquery-plugin

Answer

Atmocreations picture Atmocreations · Aug 23, 2009

Percents uploaded=100/file size*bytes uploaded

remember to use the same units for both sizes.

Regards

Related questions

jQuery AJAX file upload PHP

I want to implement a simple file upload in my intranet-page, with the smallest setup possible. This is my HTML part: <input id="sortpicture" type="file" name="sortpic" /> <button id="upload">Upload</button> and …

Read More
Jquery and HTML FormData returns "Uncaught TypeError: Illegal invocation"

I'm using this script to upload my image files: http://jsfiddle.net/eHmSr/ $('.uploader input:file').on('change', function() { $this = $(this); $('.alert').remove(); $.each($this[0].files, function(key, file) { $('.files').append('<li>' + file.…

Read More
Preview Image before uploading Angularjs

Hi I was wondering if there was a way to preview images before I upload them using angularjs? I am using the this library. https://github.com/danialfarid/angular-file-upload Thanks. Here is my code: template.html <div ng-controller="picUploadCtr"&…

Read More