Databases
StackOverflow2013
Postsdbo
POjQuery Upload Progress and AJAX file upload
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POjQuery Upload Progress and AJAX file upload
    primarykey
    data
    text
    <p>It seems like I have not clearly communicated my problem. I need to send a file (using AJAX) and I need to get the upload progress of the file using the <a href="http://wiki.nginx.org/HttpUploadProgressModule" rel="noreferrer">Nginx HttpUploadProgressModule</a>. I need a good solution to this problem. I have tried with the jquery.uploadprogress plugin, but I am finding myself having to rewrite much of it to get it to work in all browsers and to send the file using AJAX. </p> <p>All I need is the code to do this and it needs to work in all major browsers (Chrome, Safari, FireFox, and IE). It would be even better If I could get a solution that will handle multiple file uploads.</p> <p><strike>I am using the <a href="https://github.com/drogus/jquery-upload-progress" rel="noreferrer">jquery.uploadprogress plugin</a> to get the upload progress of a file from the NginxHttpUploadProgressModule. This is inside an iframe for a facebook application. It works in firefox, but it fails in chrome/safari.</p> <p>When I open the console I get this.</p> <pre><code>Uncaught ReferenceError: progressFrame is not defined jquery.uploadprogress.js:80 </code></pre> <p>Any idea how I would fix that?</p> <p>I would like to also send the file using AJAX when it is completed. How would I implement that?</p> <p><strong>EDIT:</strong><br/> I need this soon and it is important so I am going to put a 100 point bounty on this question. The first person to answer it will receive the 100 points.</p> <p><strong>EDIT 2:</strong><br/> Jake33 helped me solve the first problem. First person to leave a response with how to send the file with ajax too will receive the 100 points.</strike></p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USConceited Code
    1. USConceited Code
    plurals
    1. PL
      singulars
      1. LTLinked
    1. PL
      singulars
      1. LTLinked
    2. PL
      singulars
      1. LTLinked
    3. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POjQuery Upload Progress and AJAX file upload
      1. USConceited Code
      1. VTBountyStart
    2. VO
      singulars
      1. POjQuery Upload Progress and AJAX file upload
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POjQuery Upload Progress and AJAX file upload
      1. USgradbot
      1. VTFavorite
    1. COI see that it uses browser sniffing to detect Safari (browser sniffing is usually frowned upon), so *progressFrame* is only used with Safari/Chrome (I don't know why). The part where the error is occurring seems to be where the script tries to reference *progressFrame* just by looking for its name in the global scope instead of using a function like `document.getElementsByName`.
      singulars
      1. POjQuery Upload Progress and AJAX file upload
      1. USjhartz
    2. COI'm not sure what you mean by "send it using AJAX when it is completed" -- Isn't the progress bar representing the progress of the submission? Doesn't that mean that it is already sent once it is complete? Do you mean that you want the original form submission to be driven by AJAX so it doesn't cause a page refresh after?
      singulars
      1. POjQuery Upload Progress and AJAX file upload
      1. USslifty
    3. COYes. Yes, but it acts like a form submission. Thats exactly what I want.
      singulars
      1. POjQuery Upload Progress and AJAX file upload
      1. USConceited Code
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload