フォームに複数のボタンがある場合は、特定のボタンを押した場合にのみコミットが許可されます.
1.質問
このような構えがあると言ってください.画像をアップロードし、画像を解放して提出する必要があります.
<!DOCTYPE html>
<html>
<body>
<form action="/req/submit" method="POST" >
...
<button id="crop">사진 크롭</button>
<button id="submit" type="submit" ></button></input>
</form>
</body>
</html>
しかし、写真Croopボタンを押すと、直接提出されます.写真Croopボタンを下に引くと?<!DOCTYPE html>
<html>
<body>
<form action="/req/submit" method="POST" >
...
<button id="submit" type="submit" ></button></input>
</form>
<button id="crop">사진 크롭</button>
</body>
</html>
提出ボタンの下に写真Croopボタンがあり、見栄えが悪い.2.ソリューション
実際のコミットボタンを非表示にし、pakeボタンとcroopボタンをform外部から削除します.
pakeボタンをクリックして、実際に提出するボタンを押せばいいです.
<!DOCTYPE html>
<html>
<body>
<form action="/req/submit" method="POST" >
...
<button id="submit" type="submit" >진짜 제출 버튼</button>
</form>
<button id="crop">사진 크롭</button>
<button style="display:none;" onclick="submit();">가짜 제출 버튼</button>
<script>
function submit() {
document.getElementById("submit").click();
};
</script>
</body>
</html>
Reference
この問題について(フォームに複数のボタンがある場合は、特定のボタンを押した場合にのみコミットが許可されます.), 我々は、より多くの情報をここで見つけました https://velog.io/@sangeun-jo/form안에-버튼이-여러-개일-때-특정-버튼-눌렀을-때만-제출하게-하기テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol