Загрузить файл в формате file = @ с использованием JavaScript - PullRequest
Новая
       22

Загрузить файл в формате file = @ с использованием JavaScript

0 голосов
/ 12 февраля 2019

У меня есть вызов API, который требует от меня загрузки файла в формате file = @.У меня это работает, как и ожидалось, используя почтальон / curl, например 

curl -X POST \
    'http://localhost/test' \
    -H 'Authorization: Bearer ...' \
    -H 'Content-Type: application/x-www-form-urlencoded' \
    -H 'content-type: multipart/form-data; boundary=----WebKitFormBoundary7MA4YWxkTrZu0gW' \
    -F 'file=@C:\Users\aaa\Downloads\testdata.xlsx'

Когда я пытаюсь сделать это через Интернет, я получаю 400 обратно от API.Я попробовал несколько разных вещей, вот мой текущий пример. 

<form id="test-form">
    <input id="file-import" type="file" name="file">
    <div id="test">upload file</div>
</form>


<script>

jQuery(document).on('click', '#test', function (e) {
    var data = new FormData();
    data.append("file", jQuery('#file-import')[0].value);

    var xhr = new XMLHttpRequest();

    xhr.open("POST", "http://localhost/test");
    xhr.setRequestHeader("Authorization", "Bearer " + sessionStorage.t);
    xhr.setRequestHeader("Content-Type", "multipart/form-data;         boundary=----WebKitFormBoundary7MA4YWxkTrZu0gW");

    xhr.send(data);
});
</script>

Если я щелкну правой кнопкой мыши в devtools и скопирую команду curl, я получу следующее. 

curl "http://localhost/test" 
-H "Authorization: Bearer ..." 
-H "Content-Type: multipart/form-data; boundary=----WebKitFormBoundary7MA4YWxkTrZu0gW" 
--data-binary ^"------WebKitFormBoundaryW0inUk99iHMiw7fd^

Content-Disposition: form-data; name=^\^"file^\^"^

^

C:^\^\fakepath^\^\testdata.xlsx^

------WebKitFormBoundaryW0inUk99iHMiw7fd--^

^" --compressed

Как я могуобновите мой код внешнего интерфейса здесь, чтобы получить его в формате file = @ вместо data .... или есть другой способ приблизиться к этому?

Дайте мне знать, требуется ли какая-либо дополнительная информация, чтобы помочь решить эту проблему.

1 Ответ

0 голосов
/ 13 февраля 2019

Эта проблема возникла из-за того, что отправлялся заголовок типа контента, однако его следует не указывать, и браузер автоматически использует тип контента по умолчанию, который позволил мне загрузить файл через Интернет.

...