Add Custom Parameter Example

Ref felixrieseberg#22
aSydiK · Aug 21, 2015 · a5706b6 · a5706b6
1 parent a4bb96b
commit a5706b6
Show file tree

Hide file tree

Showing 5 changed files with 66 additions and 5 deletions.
diff --git a/Gruntfile.js b/Gruntfile.js
@@ -2,8  2,22 @@ module.exports = function (grunt) {
 
     grunt.initConfig({
         browserify: {
-            dev: {
-                src: 'example/example.js',
             serve: {
                 src: 'example/example_default.js',
                 dest: 'example/bundle.js',
                 options: {
                     debug: true,
                     extensions: ['.js'],
                     transform: [
                         ['reactify', {
                             'es6': true
                         }]
                     ]
                 }
             },
 
             params: {
                 src: 'example/example_params.js',
                 dest: 'example/bundle.js',
                 options: {
                     debug: true,
@@ -22,7  36,7 @@ module.exports = function (grunt) {
                 port: 8000,
                 background: false,
             },
-            test: {
             serve: {
               options: {
                 script: 'server.js'
               }
@@ -33,5  47,6 @@ module.exports = function (grunt) {
     grunt.loadNpmTasks('grunt-browserify');
     grunt.loadNpmTasks('grunt-express-server');
 
-    grunt.registerTask('default', ['browserify:dev', 'express:test']);
     grunt.registerTask('default', ['browserify:serve', 'express:serve']);
     grunt.registerTask('params', ['browserify:params', 'express:serve']);
 };
diff --git a/README.md b/README.md
@@ -155,6  155,24 @@ var djsConfig = {
 }
 ```
 
 ### Add Custom Parameters
 To add custom parameters to your request, add a `params` property to your Dropzone.js configuration object. You can check out the included example by running `grunt params`.
 
 ```
 var djsConfig = {
     addRemoveLinks: true,
     params: {
         myParameter: "I'm a parameter!"
     }
 };
 
 var componentConfig = {
     postUrl: '/uploadHandler'
 };
 
 React.render(<DropzoneComponent config={componentConfig} djsConfig={djsConfig} />, document.getElementById('content'));
 ```
 
 ## Server Example
 This component comes with a small server example. To try it out, simply run `npm install` and then `grunt` from the component's folder. Visit `http://localhost:8000/example/` to see the uploads working. 
 

diff --git a/example/example.js → example/example_default.js b/example/example.js → example/example_default.js
diff --git a/example/example_params.js b/example/example_params.js
@@ -0,0  1,21 @@
 'use strict';
 
 var React = require('../node_modules/react');
 var DropzoneComponent = require('../lib/dropzone.js');
 
 // Add params to your dropzonejs configuration object, like so:
 var djsConfig = {
     addRemoveLinks: true,
     params: {
         myParam: 'Hello from a parameter!',
         anotherParam: 43
     }
 };
 
 var componentConfig = {
     showFiletypeIcon: false,
     postUrl: '/uploadHandler'
 };
 
 // Render
 React.render(<DropzoneComponent config={componentConfig} djsConfig={djsConfig} />, document.getElementById('content'));
diff --git a/server.js b/server.js
@@ -6,16  6,23 @@ var express = require('express'),
     app = module.exports = express();
     app.set('port', process.env.PORT || 3000);
 
-
 app.use(express.static('./'));
 // Dest is not necessary if you are happy with the default: /tmp
 // app.use(multer({ dest: 'uploads' }));
 app.use(new MulterImpl({}).init());
 
 app.post('/uploadHandler', function (req, res) {
     // This block is only relevant to users
     // interested in custom parameters - you
     // can delete/ignore it as you wish
     if (req.body) {
         console.dir(req.body);
     }
 
     res.sendStatus(200);
 });
 
 module.exports = app.listen(app.get('port'), function() {
     console.log('Express server listening on port '   app.get('port'));
     console.log('Visit http://localhost:8000/example/ to check out the upload example');
 });