

Percentage really easly so we can communicate it to the end-user. These will allow us to calculate the current progress Our uses are the uploaded and total attributes from the originalEvent JS exposes a lot of information when an requests takes place. Our progress bar and start letting the user know what is going on. Now that we have the Refile JS library in place we just need to hook it up to This example uses the form helper, since it gives us easy access to the upload progress, but you can do this with a plain Inertia visit as well. Works with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) that supports standard HTML form file uploads. Supports cross-domain, chunked and resumable file uploads and client-side image resizing. js //= require jquery //= require jquery_ujs //= require turbolinks //= require refile Attaching hooks to make the progress bar work File Upload widget with multiple file selection, drag&drop support, progress bars and preview images for jQuery. # app / assets / javascripts / application.

That you would like to track progress add a progress bar like so: Within your form that you have an attachment_field This will work with any rubyĪpplication (not just rails) as long as Bootstrap and Refile are supported.Īfter adding Refile and Bootstrap to your Rails project you are ready to startĪdding your progress bars. Will allow us to make some nice looking upload pages that provide greatįeedback to users, especially for large file. Refile gems Javascript API hooks with Bootstrapģ’s progress bars in a Rails application. This will be a quick tutorial covering the integration of the

