Post a file using reqwest

[Waterlog]

I've a form like:

<form action="../" class="formie">
    <input type="text" placeholder="Your name" name="namie">
    <input type="file" name="filie">
    <button type="submit">Submit</button>
</form>

And some JS:

var form = document.querySelector('.formie');

if (form) {
    // when input's value is changed, object's value is updated
    var values = {
        name: '',
        filie: ''
    };

    // https://github.com/desandro/eventie 
    eventie.bind(form, 'submit', function(event) {
        reqwest({
                url: form.getAttribute('action'),
                method: 'post',
                data: values, 
                success: function(resp) {
                    alert('submitted');
                }
        });

        return false;
    });
})

So I've a value of the <input type="file">.

The question is, how do I send a file to the server using reqwest?

[darkyen]

Any success or update ?

[petrkomarek]

+1

[EwanValentine]

+1

[shivekkhurana]

+1

[moklick]

This works for me:

let formData = new FormData();
formData.append('file', file);

reqwest({
  url: API_URL,
  method: 'post',
  crossOrigin: true,
  processData : false,
  data : formData
}).then(res => { console.log(res); });

processData:false seems to be the important option