Я пытаюсь отправить файл из интерфейса JS в серверную часть Flask. Но мой сервер фляги, похоже, не получает файл. Он работает при переходе на HTML-страницу бэкэнда фляги и отправке вручную, но я хочу, чтобы внешний интерфейс отправлял файл на серверную часть.
Вот рассматриваемый javascript:
function send() {
const formData = new FormData();
const files = document.getElementById("file");
formData.append("file", files.files[0]);
const requestOptions = {
headers: {
"Content-Type": "multipart/form-data",
},
mode: "no-cors",
method: "POST",
files: files.files[0],
body: formData,
};
console.log(requestOptions);
fetch("http://localhost:5000/upload", requestOptions).then(
(response) => {
console.log(response.data);
}
);
}
export default function App() {
return (
<div className="App" id="App">
<header className="App-header">
<Button variant="outlined" component="label" size="large">
Load Audio
<input
id="file"
type="file"
onChange={send}
hidden
/>
</Button>
</header>
</div>
);
}
Вот скрипт flask python для обработки входящих запросов:
@app.route("/upload", methods=["GET", "POST"])
def upload():
if request.method == 'POST':
if 'file' not in request.files:
print(1)
flash('No file part')
return redirect(request.url)
file = request.files['file']
if file.filename == '':
print(2)
flash('No selected file')
return redirect(request.url)
if file and allowed_file(file.filename):
print(3)
filename = secure_filename(file.filename)
session["id"] = filename
file.save(os.path.join('UPLOAD', filename))
return redirect(url_for('uploaded',
filename=filename))
return render_template('upload.html')
Он печатает 1, поэтому файл не найден.
Если это полезно, вот отладка с print(request.headers)
:
Host: localhost:5000
Connection: keep-alive
Content-Length: 412313
Sec-Ch-Ua: "Chromium";v="88", "Google Chrome";v="88", ";Not A Brand";v="99"
Sec-Ch-Ua-Mobile: ?0
Content-Type: multipart/form-data
Accept: */*
Origin: http://localhost:3000
Sec-Fetch-Site: same-site
Sec-Fetch-Mode: no-cors
Sec-Fetch-Dest: empty
Referer: http://localhost:3000/
Accept-Encoding: gzip, deflate, br
Я много читал в Интернете о том, как загрузить файл в этой ситуации, но я не могу заставить его работать. Было бы здорово получить помощь!