フォームに複数のボタンがある場合は、特定のボタンを押した場合にのみコミットが許可されます.


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>