<form action="/upload">
<div data-action="/upload-1" class="dropzone"></div>
<div data-action="/upload-2" class="dropzone"></div>
</form>.dropzone {
border-radius: 4px;
border: 2px dashed #0087f7 !important;
width: 500px;
margin-left: auto;
margin-right: auto;
margin-bottom: 1em;
}
const dropzones = document.querySelectorAll(".dropzone");
dropzones.forEach((dz) => {
const upload = dz.getAttribute("data-action");
const dropzone = new Dropzone( dz, {
url: upload,
dictDefaultMessage: `アップロード先 「${upload}」`
});
});
