Is it possible for the upload form submission to wait until the file processing is finished?

Question

Is it possible for the upload form submission to wait until the file processing is finished?

Is it possible for the form submission to wait until the file processing is complete?

I am currently using web2py and its sqlform to upload a video file. As the file is being uploaded, it is also being converted to flv format. The progress of both uploading and encoding is displayed through two separate progress bars using the following code (http://www.web2pyslices.com/slice/show/1337/upload-progress-in-web2py). The encoding process begins on the backend as soon as the system detects that the video is being uploaded. Once both the encoding and conversion processes are complete, the user can play the converted video.

The issue that I am facing is that the form is accepted once the upload is complete even though the encoding process is still ongoing. I have tried using event.preventDefault(), but this prevents the progress bar from displaying properly. It seems that the default submit action cannot be stopped at the moment the upload completes. Is there any way to prevent the form from submitting until the conversion process is finished, and then proceed with the submission? Thank you!

javascript jquery python forms web2py

Answer 1

Answer №1

To ensure form validation without database insertion, refer to this resource. Following validation, implement a continuous loop to monitor the completion of encoding. Once encoding is done, proceed with the database insertion and return.

def video_upload():
    upload_form = SQLFORM(db.encodeupload)
    if upload_form.validate():
        session._unlock(response)
        [while loop to verify file encoding completion]
        db.encodeupload.insert(**db.encodeupload._filter_fields(form.vars))
    [remaining code]

Within the while loop, consider checking for any errors during the encoding process and refrain from inserting (providing an error message) in such instances.

It's important to note that session._unlock(response) unlocks the session file before entering the loop. This step ensures that the locked session file doesn't impede the Ajax requests made by the page to update the encoding progress bar. Additionally, in the controller action triggered by the Ajax requests, remember to include session.forget(response) to prevent locking or writing to the session.

Answer 2

To ensure form validation without database insertion, refer to this resource. Following validation, implement a continuous loop to monitor the completion of encoding. Once encoding is done, proceed with the database insertion and return.

def video_upload():
    upload_form = SQLFORM(db.encodeupload)
    if upload_form.validate():
        session._unlock(response)
        [while loop to verify file encoding completion]
        db.encodeupload.insert(**db.encodeupload._filter_fields(form.vars))
    [remaining code]

Within the while loop, consider checking for any errors during the encoding process and refrain from inserting (providing an error message) in such instances.

It's important to note that session._unlock(response) unlocks the session file before entering the loop. This step ensures that the locked session file doesn't impede the Ajax requests made by the page to update the encoding progress bar. Additionally, in the controller action triggered by the Ajax requests, remember to include session.forget(response) to prevent locking or writing to the session.

Is it possible for the upload form submission to wait until the file processing is finished?

Answer №1

Similar questions

What is the purpose of employing useMemo in the Material-UI autocomplete documentation?

Dealing with JSON variables in PHP and jQuery to obtain a string variable instead

What is the best way to access event.target as an object in Angular 2?

What is the method to extract div text using Python and Selenium?

Matching patterns and removing four lines that match the specified pattern

Writing and altering content within the <code> element in Chrome is unreliable

jQuery form validation not functioning as expected

My JavaScript functions are not compliant with the HTML5 required tag

Tips for making a Python list without utilizing the range function in For Loops

Sending values to URL using the <a> tag in HTML

The value for $routeParams.param appears to be undefined

Troubleshooting a Vue.js issue: How to fix a watch function that stops working after modifying

Using dryscrape for web scraping: encountering an issue when selecting a radio button with CSS

Is there a way to capture all ajax responses?

Capture all Fetch Api AJAX requests

Python script that iterates through multiple pages to gather a list of elements

node js retrieves information from the request body

Limiting Ant Design Date range Picker to display just a single month

Choose not to alter the display value during keyup and keydown events, while still triggering the change event

Tips for installing npm packages using a python script in the same directory as my script