Ember Cli Form Data

Ember CLI addon that adds FormData file uploads to Ember Data
Alternatives To Ember Cli Form Data
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Surge2,7443,241498a month ago84August 22, 2022190JavaScript
CLI for the surge.sh CDN
Fast Cli2,31556a year ago16February 05, 20227mitJavaScript
Test your download and upload speed using fast.com
P0wny Shell1,539
2 months ago1wtfplPHP
Single-file PHP shell
Acd_cli1,370214 years ago11October 17, 2015112otherPython
An unmaintained command line interface and FUSE filesystem for Amazon (Cloud) Drive
79 months ago5August 13, 2018107apache-2.0Python
Super S3 command line tool
Slack Cli978
8 months ago38Shell
:neckbeard: Powerful Slack CLI via pure bash. Rich messaging, uploads, posts, piping, oh my!
Picgo Core7051331a month ago78May 26, 202210mitTypeScript
:zap:A tool for pictures uploading. Both CLI & API supports.
Sentry Webpack Plugin65874972 months ago47April 26, 202216mitJavaScript
Repo moved to https://github.com/getsentry/sentry-javascript-bundler-plugins. Please open any issues/PRs there.
Gphotos Uploader Cli62542 months ago55September 23, 202110mitGo
Command line tool to mass upload media folders to your google photos account(s) (Mac OS / Linux)
Imgur Screenshot529
3 years ago1February 27, 20183mitShell
Take screenshot selection, upload to imgur. + more cool things
Alternatives To Ember Cli Form Data
Select To Compare

Alternative Project Comparisons


This Ember-CLI addon adds file uploads through FormData to the Ember Data


ember install ember-cli-form-data


Add a file field on the model

// models/post.js

export default DS.Model.extend({
  attachment: DS.attr('file'),

Add the FormDataMixin to your post adapter. Run ember g adapter post if you don't have the adapter.

// adapters/post.js

import FormDataAdapterMixin from 'ember-cli-form-data/mixins/form-data-adapter';

export default ApplicationAdapter.extend(FormDataAdapterMixin, {
  // Adapter code

Then you can use an <input type='file' id='file-field'/> to send the attachment:

var file = document.getElementById('file-field').files[0];
model.set('attachment', file);

This will send the attachment and all other attributes as a FormData object.

Flatten FormData fields

Some api's desire the form data fields to not include the root object name. For example, the default adapter behavior would result in post[title] in your serialized data. If your api instead expects just title, add disableRoot: true to remove the model name from the fields.

Other Resources


This addon was inspired by Matt Beedle's blog post http://blog.mattbeedle.name/posts/file-uploads-in-ember-data/

Popular Upload Projects
Popular Command Line Projects
Popular Networking Categories

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.