Open Source RWSERVE plugin

Multi Upload

Accept multipart/form-data

by Read Write Tools
Abstract
This plugin works in conjunction with HTML's FormData object and the corresponding server-side MultipartEntry objects. Together they make it possible for website visitors to upload files to the server.

Motivation

Uploading binary files is not possible with typical HTML forms because content type x-www-form-urlencoded only works for text data.

Content type multipart/form-data was created to handle binary files.

Properly crafted HTML forms with enctype=multipart/form-data and an input type=file element are the solution.

When a POST request is received by the RWSERVE server, multipart data is parsed and staged to MultipartEntry objects. This staging area is accessible to plugin developers.

The rwserve-multi-upload plugin demonstrates how to use this mechanism to save uploaded files to the server.

Customization

This plugin is open source and can be modified or enhanced to perform tasks such as these:

  • Saving binary data to a database.
  • Receiving encrypted security credentials and acting upon them.
  • Working with binary data without the need for base64 encoding schemes.

Download

The plugin module is available from NPM. Before proceeding, you should already have Node.js and RWSERVE configured and tested.

This module should be installed on your web server in a well-defined place, so that it can be discovered by RWSERVE. The standard place for public domain plugins is /srv/rwserve-plugins.

cd /srv/rwserve-plugins
npm install rwserve-multi-upload

Configuration is Everything

Make the software available by declaring it in the plugins section of your configuration file. For detailed instructions on how to do this, refer to the plugins documentation on the Read Write Tools HTTP/2 Server website.

TL;DR

server {
restrictions {
content-length-limit 10485760 // 10MB
}
plugins {
rwserve-multi-upload {
location `/srv/rwserve-plugins/node_modules/rwserve-multi-upload/dist/index.js`
config {
maxbytes 2097152 // 2MB
destination-directory `$DOCUMENTS-PATH/public/uploads/`
}
}
router {
`/upload-pics` *methods=POST *plugin=rwserve-multi-upload
}
}
}

The config settings can be adjusted using this guidance.

content-length-limit is a positive integer. This is the maximum size of the request body that the server will handle. Requests larger than this will be rejected with status code 413. Keeping this low prevents bad actors from dropping payload bombs on the server.

maxbytes is a positive integer. This is the maximum size of any one file being uploaded. This value should be less than or equal to the content-length-limit value.

destination-directory is the where the uploaded files will be saved.

Cookbook

A full configuration file with typical settings for a server running on localhost port 7443, is included in this NPM module at etc/multi-upload-config. To use this configuration file, adjust these variables if they don't match your server setup:

$PLUGIN-PATH='/srv/rwserve-plugins/node_modules/rwserve-multi-upload/dist/index.js'
$PRIVATE-KEY='/etc/pki/tls/private/localhost.key'
$CERTIFICATE='/etc/pki/tls/certs/localhost.crt'
$DOCUMENTS-PATH='/srv/rwserve/configuration-docs'

Usage

Server

Start the server using the configuration file just prepared. Use Bash to start the server in the background, like this:

[user@host ~]# rwserve /srv/rwserve-plugins/node_modules/rwserve-multi-upload/etc/multi-upload-config &

Deployment

Once you've tested the plugin and are ready to go live, adjust your production web server's configuration in /etc/rwserve/rwserve.conf and restart it using systemd. . .

[user@host ~]# systemctl restart rwserve

. . . then monitor its request/response activity with journald.

[user@host ~]# journalctl -u rwserve -ef

Prerequisites

This is a plugin for the Read Write Tools HTTP/2 Server, which works on Linux platforms.

Software Minimum Version Most Recent Version
Ubuntu 16 Xenial Xerus 16 Xenial Xerus
Debian 9 Stretch 10 Buster
openSUSE openSUSE 15.1 openSUSE 15.1
Fedora Fedora 27 Fedora 32
CentOS CentOS 7.4 CentOS 8.1
RHEL RHEL 7.8 RHEL 8.2
RWSERVE RWSERVE 1.0.1 RWSERVE 1.0.47
Node.js Node.js 10.3 Node.js 12.17

Review

Lessons
This plugin demonstrates these concepts:
  • Using WorkOrders.
  • Accessing MultipartEntry objects.
Find other plugins for the Read Write Tools HTTP/2 Server using npm with these keywords: rwserve, http2, plugins.

License

The rwserve-multi-upload plugin is licensed under the MIT License.

MIT License

Copyright © 2020 Read Write Tools.

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Availability

Source code github
Package installation NPM
Documentation Read Write Hub

Multi Upload — Accept multipart/form-data

🔗 🔎