I've been using Remotipart successfully to upload images via AJAX for a while now, but we've recently decided to go the Backbone route, and now since my forms are rendered via JS templates, I'm no longer able to use the :remote => true syntax to generate the Iframe transport code. I don't want to have to figure out how to do this manually. Any thoughts on how I can get Remotipart to work when using JS templates?
AJAX image upload with Rails, Backbone, Remotipart
630 Views Asked by Stephen Corwin At
1
There are 1 best solutions below
Related Questions in JQUERY
- Google Play Error: SSL Error Handler vulnerabilities and APP UPDATE REJECTED
- Google Play Warning: How to fix incorrect implementation of HostnameVerifier?
- Google Play Store Apache Cordova Vulnerabilities says it affects the previous app version that is in the play store
- Android is passing values with explicit intent safe
- Is there any way to obfuscate Activity name using Dexguard?
- Libpng vulnerability issue
- How to obfuscate a class which is referenced in Manifest file using Dexguard?
- Android Studio : How to let other apps use my app's downloaded data for some time period, like streaming, but also keep it secure?
- What is the strategy to follow to integrate Android Fingerprint scan API to an existing App to enhance security
- How to secure the apis and relevant data from displaying in android monitor?
Related Questions in RUBY-ON-RAILS
- Google Play Error: SSL Error Handler vulnerabilities and APP UPDATE REJECTED
- Google Play Warning: How to fix incorrect implementation of HostnameVerifier?
- Google Play Store Apache Cordova Vulnerabilities says it affects the previous app version that is in the play store
- Android is passing values with explicit intent safe
- Is there any way to obfuscate Activity name using Dexguard?
- Libpng vulnerability issue
- How to obfuscate a class which is referenced in Manifest file using Dexguard?
- Android Studio : How to let other apps use my app's downloaded data for some time period, like streaming, but also keep it secure?
- What is the strategy to follow to integrate Android Fingerprint scan API to an existing App to enhance security
- How to secure the apis and relevant data from displaying in android monitor?
Related Questions in AJAX
- Google Play Error: SSL Error Handler vulnerabilities and APP UPDATE REJECTED
- Google Play Warning: How to fix incorrect implementation of HostnameVerifier?
- Google Play Store Apache Cordova Vulnerabilities says it affects the previous app version that is in the play store
- Android is passing values with explicit intent safe
- Is there any way to obfuscate Activity name using Dexguard?
- Libpng vulnerability issue
- How to obfuscate a class which is referenced in Manifest file using Dexguard?
- Android Studio : How to let other apps use my app's downloaded data for some time period, like streaming, but also keep it secure?
- What is the strategy to follow to integrate Android Fingerprint scan API to an existing App to enhance security
- How to secure the apis and relevant data from displaying in android monitor?
Related Questions in BACKBONE.JS
- Google Play Error: SSL Error Handler vulnerabilities and APP UPDATE REJECTED
- Google Play Warning: How to fix incorrect implementation of HostnameVerifier?
- Google Play Store Apache Cordova Vulnerabilities says it affects the previous app version that is in the play store
- Android is passing values with explicit intent safe
- Is there any way to obfuscate Activity name using Dexguard?
- Libpng vulnerability issue
- How to obfuscate a class which is referenced in Manifest file using Dexguard?
- Android Studio : How to let other apps use my app's downloaded data for some time period, like streaming, but also keep it secure?
- What is the strategy to follow to integrate Android Fingerprint scan API to an existing App to enhance security
- How to secure the apis and relevant data from displaying in android monitor?
Related Questions in REMOTIPART
- Google Play Error: SSL Error Handler vulnerabilities and APP UPDATE REJECTED
- Google Play Warning: How to fix incorrect implementation of HostnameVerifier?
- Google Play Store Apache Cordova Vulnerabilities says it affects the previous app version that is in the play store
- Android is passing values with explicit intent safe
- Is there any way to obfuscate Activity name using Dexguard?
- Libpng vulnerability issue
- How to obfuscate a class which is referenced in Manifest file using Dexguard?
- Android Studio : How to let other apps use my app's downloaded data for some time period, like streaming, but also keep it secure?
- What is the strategy to follow to integrate Android Fingerprint scan API to an existing App to enhance security
- How to secure the apis and relevant data from displaying in android monitor?
Trending Questions
- UIImageView Frame Doesn't Reflect Constraints
- Is it possible to use adb commands to click on a view by finding its ID?
- How to create a new web character symbol recognizable by html/javascript?
- Why isn't my CSS3 animation smooth in Google Chrome (but very smooth on other browsers)?
- Heap Gives Page Fault
- Connect ffmpeg to Visual Studio 2008
- Both Object- and ValueAnimator jumps when Duration is set above API LvL 24
- How to avoid default initialization of objects in std::vector?
- second argument of the command line arguments in a format other than char** argv or char* argv[]
- How to improve efficiency of algorithm which generates next lexicographic permutation?
- Navigating to the another actvity app getting crash in android
- How to read the particular message format in android and store in sqlite database?
- Resetting inventory status after order is cancelled
- Efficiently compute powers of X in SSE/AVX
- Insert into an external database using ajax and php : POST 500 (Internal Server Error)
Popular # Hahtags
Popular Questions
- How do I undo the most recent local commits in Git?
- How can I remove a specific item from an array in JavaScript?
- How do I delete a Git branch locally and remotely?
- Find all files containing a specific text (string) on Linux?
- How do I revert a Git repository to a previous commit?
- How do I create an HTML button that acts like a link?
- How do I check out a remote Git branch?
- How do I force "git pull" to overwrite local files?
- How do I list all files of a directory?
- How to check whether a string contains a substring in JavaScript?
- How do I redirect to another webpage?
- How can I iterate over rows in a Pandas DataFrame?
- How do I convert a String to an int in Java?
- Does Python have a string 'contains' substring method?
- How do I check if a string contains a specific word?
Figured out a solution. I was a little confused on how the JS for Remotipart works. After a little research, here's what I found:
Remotipart works simply by binding to the ajax:aborted:file event, which is triggered when jQuery UJS (which handles traditional AJAX form submits) detects a file within the form. Since that script (along with the dependent iFrame transport plugin) is already included on the page, all you need to do is manually add
to your form. jQuery has an .on() event bound to forms with such attributes, so if you include that, Remotipart will be triggered.
Another issue, though, is that if this form is submitted, it will still likely fail to upload the file due to the lack of the CSRF token. The solution is to manually add a hidden input tag with the token.
Here's the final markup that worked for me (I'm using .eco templates with a little jQuery to grab the value of the CSRF meta tags on the page):
Hope this will help spare someone else the same trouble I had!