Comments (8)
You could override the Text editor and just change the 'type', however actually handling the contents of the fil upload are outside the scope of backbone forms for now. I'll be working with files soon so will add a File editor to the official release at some point
from backbone-forms.
This might provide a temporary workaround:
http://cmlenz.github.com/jquery-iframe-transport/
from backbone-forms.
I recently created a bbf editor that integrates filepicker.io (or just direct to S3) for uploading files. Here's my code -- surely will have to be adapted for your case. In my case I wanted the user to be able to upload multiple files, see the list, and remove items from the list.
https://gist.github.com/3877309
getValue() in the editor returns a JS array of the file details provided
from backbone-forms.
I am implementing a file upload plugin to wrap the JQuery upload project in an editor for a project I'm working on.
https://github.com/blueimp/jQuery-File-Upload
Is this something that would be accepted as an optional add on?
from backbone-forms.
@hunt3r At the very least it would be nice to have the editor gist added to the wiki. I know there has been some talk about a contrib repo, but I don't think it is ready yet. https://github.com/powmedia/backbone-forms/wiki/Custom-Editors
from backbone-forms.
@hunt3r Have you finished this implementation? I have done some research and blueimp's uploader is indeed the best solution.
from backbone-forms.
@powmedia Can we close some of these stale issues?
from backbone-forms.
@powmedia @moskrc Alternatively we add type Image to Backbone.Form.editors
and restrict its content to image/* and read file as data-url without introducing any dependencies on other libraries and their bells and whistles. Like https://gist.github.com/gadikotamohan/c732a5148cddde3b00a08858273e8c35
from backbone-forms.
Related Issues (20)
- Code mismatch between github and NPM registry HOT 2
- lodash 4.x support HOT 1
- itemToString does not escape values by default HOT 3
- Memory leak in Form.editors.List.setValue() HOT 7
- Form.Editor.validate() reads all form values for nothing HOT 2
- $ not declared in Form.validators
- Make list works with Backbone Collection
- 0.15.0 milestone HOT 2
- Select._getOptionsHtml/arrayToHTML is very slow
- Bootstrap 3 inline radio / checkbox items
- Disabling fields: use $.prop rather than $.attr
- submodule in npm HOT 1
- Cannot read property 'render' of undefined HOT 1
- Submitting the form by pressing "enter" on a Number editor doesn't work
- reasons bb-forms is still fixed to bb ~1.2? HOT 4
- form.commit({validate:false}) still validates individual fields HOT 6
- How do I load List editor with webpack/browerify? HOT 1
- Number cannot accept negative values HOT 1
- [QUESTION] Where I can find the CI service?
- setOptions not working in select editor when function is used.
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from backbone-forms.