/Javascript/Node.js/Send multipart form data axios with node js

Send multipart form data axios with node js

Axios multipart/form-data

import React from 'react'
import axios, { post } from 'axios';

class SimpleReactFileUpload extends React.Component {

  constructor(props) {
    super(props);
    this.state ={
      file:null
    }
    this.onFormSubmit = this.onFormSubmit.bind(this)
    this.onChange = this.onChange.bind(this)
    this.fileUpload = this.fileUpload.bind(this)
  }

  onFormSubmit(e){
    e.preventDefault() // Stop form submit
    this.fileUpload(this.state.file).then((response)=>{
      console.log(response.data);
    })
  }

  onChange(e) {
    this.setState({file:e.target.files[0]})
  }

  fileUpload(file){
    const url = 'http://example.com/file-upload';
    const formData = new FormData();
    formData.append('file',file)
    const config = {
        headers: {
            'content-type': 'multipart/form-data'
        }
    }
    return  post(url, formData,config)
  }

  render() {
    return (
      <form onSubmit={this.onFormSubmit}>
        <h1>File Upload</h1>
        <input type="file" onChange={this.onChange} />
        <button type="submit">Upload</button>
      </form>
   )
  }
}



export default SimpleReactFileUpload

Source: stackoverflow.com

Send multipart form data axios with node js

const axios = require('axios');
const FormData = require('form-data');

const form = new FormData();
// Second argument  can take Buffer or Stream (lazily read during the request) too.
// Third argument is filename if you want to simulate a file upload. Otherwise omit.
form.append('field', 'a,b,c', 'blah.csv');
axios.post('http://example.org/endpoint', form, {
  headers: form.getHeaders(),
}).then(result => {
  // Handle result…
  console.log(result.data);
});

Source: github.com

Similar codes

0 vote138 views1 answer
Node main
Javascript Node.js
0 vote133 views2 answers
Width and height with node js
Javascript Node.js
0 vote142 views1 answer
Nodejs server fetch is not defined
Javascript Node.js
0 vote151 views1 answer
API version control v1 v2 in NodeJs (loosely coupled)
Javascript Node.js
-1 vote156 views1 answer
Node js post multipart/form-data
Javascript Node.js
0 vote160 views1 answer
Common library for .net and node js for encryption
Javascript Node.js
23 votes146 views6 answers
Create node js server
Javascript Node.js
48 votes306 views3 answers
Node sass version 6.0.0 is incompatible with 4.0.0
Javascript Node.js
102 votes244 views4 answers
Node json stringify
Javascript Node.js
12 votes154 views4 answers
Nodejs string to base64
Javascript Node.js