Пустой Mime-тип при загрузке файла в приложении React js в ОС Windows - PullRequest
Новая
       3

Пустой Mime-тип при загрузке файла в приложении React js в ОС Windows

0 голосов
/ 19 апреля 2020

Я использую следующий код HTML в приложении реакции для загрузки файлов: 

<div className="form-group files">
     <label>Upload Your File </label>
     <input type="file" className="form-control" multiple onChange={this.onChangeHandler} />
</div>

Этот код прекрасно работает в lynux os для загрузки (do c и docx) файлов: Пример вывода для загрузки файла docx с компьютера с Ubuntu: 

File {
       ​ lastModified: 1585969775000
    ​    name: "Resume_2.docx"
       ​ size: 122424
       ​ **type: "application/vnd.openxmlformats-officedocument.wordprocessingml.document"**
    ​    ...
    }

Но когда я пытаюсь запустить тот же код на ОС Windows, кажется, что в коде ошибка, так как я не получаю ожидаемый результат. Вот вывод на windows machine 

File {
       ​ lastModified: 1585968960500
    ​    name: "Resume_2.docx"
       ​ size: 122424
       ​ **type: ""**
    ​    ...
    }

Атрибут typ e равен EMPTY . Это то же самое, что вывод для файлов .do c, .csv, .ppt, .pptx и c. Хотя этот код работает нормально для файлов .pdf, .jpg, .png, .txt.

Вот ссылка на полный код.

1 Ответ

0 голосов
/ 19 апреля 2020

Лучше всего, если вы используете данные формы 

var formData = new FormData();

formData.append('profileFileSrc', this.state.filesrc);

, а затем создайте такой метод 

handleProfileChange = (event) => {
    this.setState({
        filesrc: event.target.files[0]
    })
}

Под визуализацией 

   <input  type="file"  onChange={this.handleProfileChange} />
...