我正在將檔案從客戶端發送到 Flask API。我試過做 e.preventDefault()、e.stopPropagation()，并在表單上為“onsubmit”回傳 false，但它仍然重繪 頁面我需要 web 來保存 API 將發送回的一些資訊，但它頁面重繪 后消失。我試過使用本地存盤來存盤資料，但當頁面重繪 時它就會消失。對不起，如果這是一個愚蠢的問題：祈禱：
Javascript
const form = document.querySelector("#upload-form");
const uploadBtn = document.querySelector("#upload-btn");
const uploadInp = document.querySelector("#upload-input");
const sendFile = async () => {
let formData = new FormData();
formData.append("file", uploadInp.files[0]);
await fetch(apiPOST, {
method: "POST",
body: formData,
})
.then((res) => res.json())
.then((json) => {
console.log(json);
})
.catch((err) => console.log(err));
};
uploadBtn.addEventListener("click", (e) => {
e.preventDefault();
sendFile();
});
HTML
<form id="upload-form" enctype="multipart/form-data" method="post" onsubmit="return false">
<label for="upload-input" class="btn">Upload File</label>
<input type="file" id="upload-input" name="upload-input" accept=".pptx"/>
<!-- <button id="upload-btn">Upload</button> -->
<input type="submit" id="upload-btn" value="Upload" />
</form>
uj5u.com熱心網友回復：
您應該從表單提交屬性呼叫 preventDefault 方法，而不是您的按鈕。
檢查此答案以獲取更多資訊
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/390100.html
標籤：javascript html 接口 蟒蛇请求 拿来
上一篇：C鍵盤事件
下一篇：我如何通過更新嵌套值。API？