UNPKG

8.65 kBMarkdownView Raw
1# express-fileupload
2Simple express middleware for uploading files.
3
4[![npm](https://img.shields.io/npm/v/express-fileupload.svg)](https://www.npmjs.org/package/express-fileupload)
5[![Build Status](https://travis-ci.org/richardgirges/express-fileupload.svg?branch=master)](https://travis-ci.org/richardgirges/express-fileupload)
6[![downloads per month](http://img.shields.io/npm/dm/express-fileupload.svg)](https://www.npmjs.org/package/express-fileupload)
7[![Coverage Status](https://img.shields.io/coveralls/richardgirges/express-fileupload.svg)](https://coveralls.io/r/richardgirges/express-fileupload)
8
9# Install
10```bash
11# With NPM
12npm i express-fileupload
13
14# With Yarn
15yarn add express-fileupload
16```
17
18# Usage
19When you upload a file, the file will be accessible from `req.files`.
20
21Example:
22* You're uploading a file called **car.jpg**
23* Your input's name field is **foo**: `<input name="foo" type="file" />`
24* In your express server request, you can access your uploaded file from `req.files.foo`:
25```javascript
26app.post('/upload', function(req, res) {
27 console.log(req.files.foo); // the uploaded file object
28});
29```
30
31The **req.files.foo** object will contain the following:
32* `req.files.foo.name`: "car.jpg"
33* `req.files.foo.mv`: A function to move the file elsewhere on your server. Can take a callback or return a promise.
34* `req.files.foo.mimetype`: The mimetype of your file
35* `req.files.foo.data`: A buffer representation of your file, returns empty buffer in case useTempFiles option was set to true.
36* `req.files.foo.tempFilePath`: A path to the temporary file in case useTempFiles option was set to true.
37* `req.files.foo.truncated`: A boolean that represents if the file is over the size limit
38* `req.files.foo.size`: Uploaded size in bytes
39* `req.files.foo.md5`: MD5 checksum of the uploaded file
40
41**Notes about breaking changes with MD5 handling:**
42
43* Before 1.0.0, `md5` is an MD5 checksum of the uploaded file.
44* From 1.0.0 until 1.1.1, `md5` is a function to compute an MD5 hash ([Read about it here.](https://github.com/richardgirges/express-fileupload/releases/tag/v1.0.0-alpha.1)).
45* From 1.1.1 onward, `md5` is reverted back to MD5 checksum value and also added full MD5 support in case you are using temporary files.
46
47
48### Examples
49* [Example Project](https://github.com/richardgirges/express-fileupload/tree/master/example)
50* [Basic File Upload](https://github.com/richardgirges/express-fileupload/tree/master/example#basic-file-upload)
51* [Multi-File Upload](https://github.com/richardgirges/express-fileupload/tree/master/example#multi-file-upload)
52
53### Using Busboy Options
54Pass in Busboy options directly to the express-fileupload middleware. [Check out the Busboy documentation here](https://github.com/mscdex/busboy#api).
55
56```javascript
57app.use(fileUpload({
58 limits: { fileSize: 50 * 1024 * 1024 },
59}));
60```
61
62### Using useTempFile Options
63Use temp files instead of memory for managing the upload process.
64
65```javascript
66// Note that this option available for versions 1.0.0 and newer.
67app.use(fileUpload({
68 useTempFiles : true,
69 tempFileDir : '/tmp/'
70}));
71```
72
73### Using debug option
74
75You can set `debug` option to `true` to see some logging about upload process.
76In this case middleware uses `console.log` and adds `Express-file-upload` prefix for outputs.
77
78It will show you whether the request is invalid and also common events triggered during upload.
79That can be really usfull for troubleshhoting and ***we recommend to attach debug output to each issue on Github***.
80
81***Output example:***
82
83```
84Express-file-upload: Temporary file path is /node/express-fileupload/test/temp/tmp-16-1570084843942
85Express-file-upload: New upload started testFile->car.png, bytes:0
86Express-file-upload: Uploading testFile->car.png, bytes:21232...
87Express-file-upload: Uploading testFile->car.png, bytes:86768...
88Express-file-upload: Upload timeout testFile->car.png, bytes:86768
89Express-file-upload: Cleaning up temporary file /node/express-fileupload/test/temp/tmp-16-1570084843942...
90```
91
92***Description:***
93
94* `Temporary file path is...` says that `useTempfiles` was set to true and also shows you temp file name and path.
95* `New upload started testFile->car.png` says that new upload started with field `testFile` and file name `car.png`.
96* `Uploading testFile->car.png, bytes:21232...` shows current progress for each new data chunk.
97* `Upload timeout` means that no data came during `uploadTimeout`.
98* `Cleaning up temporary file` Here finaly we see cleaning up of the temporary file because of upload timeout reached.
99
100### Available Options
101Pass in non-Busboy options directly to the middleware. These are express-fileupload specific options.
102
103Option | Acceptable&nbsp;Values | Details
104--- | --- | ---
105createParentPath | <ul><li><code>false</code>&nbsp;**(default)**</li><li><code>true</code></ul> | Automatically creates the directory path specified in `.mv(filePathName)`
106uriDecodeFileNames | <ul><li><code>false</code>&nbsp;**(default)**</li><li><code>true</code></ul> | Applies uri decoding to file names if set true.
107safeFileNames | <ul><li><code>false</code>&nbsp;**(default)**</li><li><code>true</code></li><li>regex</li></ul> | Strips characters from the upload's filename. You can use custom regex to determine what to strip. If set to `true`, non-alphanumeric characters _except_ dashes and underscores will be stripped. This option is off by default.<br /><br />**Example #1 (strip slashes from file names):** `app.use(fileUpload({ safeFileNames: /\\/g }))`<br />**Example #2:** `app.use(fileUpload({ safeFileNames: true }))`
108preserveExtension | <ul><li><code>false</code>&nbsp;**(default)**</li><li><code>true</code></li><li><code>*Number*</code></li></ul> | Preserves filename extension when using <code>safeFileNames</code> option. If set to <code>true</code>, will default to an extension length of 3. If set to <code>*Number*</code>, this will be the max allowable extension length. If an extension is smaller than the extension length, it remains untouched. If the extension is longer, it is shifted.<br /><br />**Example #1 (true):**<br /><code>app.use(fileUpload({ safeFileNames: true, preserveExtension: true }));</code><br />*myFileName.ext* --> *myFileName.ext*<br /><br />**Example #2 (max extension length 2, extension shifted):**<br /><code>app.use(fileUpload({ safeFileNames: true, preserveExtension: 2 }));</code><br />*myFileName.ext* --> *myFileNamee.xt*
109abortOnLimit | <ul><li><code>false</code>&nbsp;**(default)**</li><li><code>true</code></ul> | Returns a HTTP 413 when the file is bigger than the size limit if true. Otherwise, it will add a <code>truncated = true</code> to the resulting file structure.
110responseOnLimit | <ul><li><code>'File size limit has been reached'</code>&nbsp;**(default)**</li><li><code>*String*</code></ul> | Response which will be send to client if file size limit exceeded when abortOnLimit set to true.
111limitHandler | <ul><li><code>false</code>&nbsp;**(default)**</li><li><code>function(req, res, next)</code></li></ul> | User defined limit handler which will be invoked if the file is bigger than configured limits.
112useTempFiles | <ul><li><code>false</code>&nbsp;**(default)**</li><li><code>true</code></ul> | By default this module uploads files into RAM. Setting this option to True turns on using temporary files instead of utilising RAM. This avoids memory overflow issues when uploading large files or in case of uploading lots of files at same time.
113tempFileDir | <ul><li><code>String</code>&nbsp;**(path)**</li></ul> | Path to store temporary files.<br />Used along with the <code>useTempFiles</code> option. By default this module uses 'tmp' folder in the current working directory.<br />You can use trailing slash, but it is not necessary.
114parseNested | <ul><li><code>false</code>&nbsp;**(default)**</li><li><code>true</code></li></ul> | By default, req.body and req.files are flattened like this: <code>{'name': 'John', 'hobbies[0]': 'Cinema', 'hobbies[1]': 'Bike'}</code><br /><br/>When this option is enabled they are parsed in order to be nested like this: <code>{'name': 'John', 'hobbies': ['Cinema', 'Bike']}</code>
115debug | <ul><li><code>false</code>&nbsp;**(default)**</li><li><code>true</code></ul> | Turn on/off upload process logging. Can be usefull for troubleshooting.
116
117# Help Wanted
118Looking for additional maintainers. Please contact `richardgirges [ at ] gmail.com` if you're interested. Pull Requests are welcomed!
119
120# Thanks & Credit
121[Brian White](https://github.com/mscdex) for his stellar work on the [Busboy Package](https://github.com/mscdex/busboy) and the [connect-busboy Package](https://github.com/mscdex/connect-busboy)