JavaScript Fetch download part of text file non-English character problem

Question

I'm trying to download part of text file by fetch with range header property. But I get corrupted character from fetch.

Here part of my text file:

Dalgalan sen de şafaklar gibi ey şanlı hilâl,
Olsun artık dökülen kanlarımın hepsi helâl;
Ebediyen sana yok, ırkıma yok izmihlâl:
Hakkıdır, hür yaşamış bayrağımın hürriyet;
Hakkıdır, Hakk’a tapan milletimin istiklâl!

and my javascript code is:

fetch("https://website.com/images/text.txt", {
        headers: {
          'content-type': 'text/plain;charset=UTF-8',
            'range': 'bytes=17-202'
        },
    })
    .then(response => {
        if (response.ok) {
            return response.text();
        }
    })
    .then(response => {
        console.log(response);
    });

The result is:

�afaklar gibi ey şanlı hilâl;
Olsun artık dökülen kanlarımın hepsi helâl.
Ebediyen sana yok, ırkıma yok izmihlâl:
Hakkıdır, hür yaşamış bayrağımın hürriyet;
Hakkıd

As you can see the first character is unknown symbol, question mark, but it has to be ş.

I think non english charecters have 2 bytes so which are splited into. How can I solve this, thank you :)

stackoverflow.com/questions/9480193/…

小聪聪到此一游
– 小聪聪到此一游

2021-03-16 16:08:09 +00:00
Commented Mar 16, 2021 at 16:08 — 小聪聪到此一游
– 小聪聪到此一游, Commented Mar 16, 2021 at 16:08

a.mola · Accepted Answer · 2021-03-16 18:59:48Z

1

The Content-Type header doesn't affect the response from the fetch, it is used to tell the browser and the URL what you're sending. So it is meant to be used with POST requests. (But there is no harm using it here to).

The Accept header is the exact opposite to the Content-Type, the Accept header should always be used when making a GET request, so you always know what kind of data to expect.

Although they have different use, their values are the same. So you should set your Accept header to the text/plain;charset=UTF-8 value along with the other headers of your choice. Like so

fetch("https://website.com/images/text.txt").then(response => response.text()).then(...)

edited Mar 16, 2021 at 18:59

answered Mar 16, 2021 at 15:46

a.mola

4,0119 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

a.mola Over a year ago

Okay... have you tried fetching the file without any options? Like in my edited answer

a.mola Over a year ago

Without any of them?

dnaz Over a year ago

Yes, when I run fetch with without headers, I download all file with no errors.

dnaz Over a year ago

Yes I got the text, original text.

a.mola Over a year ago

Let us continue this discussion in chat.

Collectives™ on Stack Overflow

JavaScript Fetch download part of text file non-English character problem

1 Answer 1

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related