Я застрял с этой проблемой (это простая реализация Drag & Drop):
<!DOCTYPE html>
<style type="text/css">
body {
font-family: "Arial",sans-serif;
}
.dropzone {
width: 300px;
height: 300px;
border: 2px dashed #ccc;
color: #ccc;
line-height: 300px;
text-align: center;
}
.dropzone.dragover {
border-color: #000;
color: #000;
}
</style>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div id = "uploads"></div>
<div class="dropzone" id="dropzone">Drop Here</div>
<script type="text/javascript">
(function () {
var dropzone = document.getElementById('dropzone');
dropzone.ondrop = function (e) {
e.preventDefault();
this.className = 'dropzone';
};
// On the area
dropzone.ondragover = function () {
this.className = 'dropzone dragover';
return false;
};
// Leave the area while pressing
dropzone.ondragleave = function () {
this.className = 'dropzone';
};
dropzone.ondrop = function (event) {
event.preventDefault();
this.className = 'dropzone';
};
}());
</script>
</body>
</html>
Мне было интересно, как я могу получить файл, который я поместил в «коробку» файла (JSON файл в моем случае). Как я могу получить этот файл и выполнить с ним некоторые операции (например, отправить его на сервер в формате POST).
Я хочу знать, как я могу взять этот сброшенный файл и принять его, чтобы я получил доступ об этом или что-то в этом роде.
Кстати, я хотел бы знать, как я могу отправить это json как объект на сервер, который расшифровывает информацию (но мне нужно просто отправить его в запросе asyn c HttpPOST). Я бы хотел отправлять информацию без ajax или чего-то подобного (не $ .get, et c.). Я хотел бы сделать это с помощью fetch, this и catch. Я не понимаю, как это работает, и буду рад, если вы мне поможете.
Спасибо!