Попытка выгрузить данные блоба из браузера, есть ввод и вывод в консоли. Я использую Image-Compressor из (https://github.com/fengyuanchen/compressorjs).
Все работает нормально, но проблема с пониманием "горячо", чтобы "перехватить" этот BLOB-объект и отправить его на сервер.
Iопробовал это:
<form method="post" action="">
<input type="button" value="Проверить" onclick="myAjax()">
</form>
<script type="text/javascript">
var file = "outputURL"; // instance of File
function myAjax() {
$.ajax({
type: 'POST',
url: 'upload.php',
data: file,
contentType: 'application/my-binary-type', // set accordingly
processData: false
});
}
</script>
upload.php:
$fname = "11" . ".wav";
move_uploaded_file($_FILES['file']['tmp_name'], "/" . $fname);
Идея состоит в том, чтобы иметь некоторую кнопку на html, которая будет загружать выходное сжатое изображение на сервер. опробовал также несколько других примеров, но главная проблема - я не понимаю, как обращаться с большим двоичным объектом.
Вот мой вывод на консоль:
Input: FilelastModified: 1548655773101lastModifiedDate: Mon Jan 28 2019 11:09:33 GMT+0500 {}name: "IMG_20160705_165257565.jpg"size: 3233327type: "image/jpeg"webkitRelativePath: ""__proto__: File
Output: BloblastModified: 1572005360479lastModifiedDate: Fri Oct 25 2019 17:09:20 GMT+0500 {}name: "IMG_20160705_165257565.jpg"size: 1625797type: "image/jpeg"__proto__: Blob
Пожалуйста, помогите понять, как обращаться сBLOB-данные в браузере.