Sending a file from an html input to a WebApi with Ajax - Encoding issue

Question

I have a input tag with type="file" and a function that uses Ajax to send the file to a Webapi endpoint.

$('#myInput').change(function () {
    if (this.files[0] === undefined) return;
    sendToWebapi(this.files[0]);
    this.value = null;
});

function sendToWebapi(file) {
    const data = new FormData();
    data.append('file', file);
    $.ajax({
        url: "myWebApiPath",
        contentType: "text/csv",
        processData: false,
        method: "POST",
        data: data
    });
}

My issue is that French characters are not properly encoded when sent to the WebApi. See below an extract of the Request Body:

> ------WebKitFormBoundaryggBmtBMylhc9eoIE
Content-Disposition: form-data; name="file"; filename="myfile.csv"
Content-Type: application/vnd.ms-excel

Date;Pi�ce;Journal;Libell�;D�bit;Lettrage;Cr�dit;Solde
....

Answer 1

Try setting charset explicitly:

function sendToWebapi(file) {
    const data = new FormData();
    data.append('file', file);
    $.ajax({
        url: "myWebApiPath",
        contentType: "text/csv;charset=ISO-8859-1",
        processData: false,
        method: "POST",
        data: data
    });
}