Цель проекта
Создание простого журнала хранения для домашних вещей. Запуск на XAMPP, размещение на мобильных устройствах для регистрации данных
Проблема
Все компоненты работают нормально, но Чтобы сгладить процесс, я пытаюсь брать изображения непосредственно с камеры, а не go через папки.
HTML используется
<input type="file" id="imgInp" name="Image" accept="image/*;capture=camera >
[РЕЗУЛЬТАТ]
Доступ к камере для телефона возможен на Brave, Firefox, Chrome, но я не могу сохранить изображение или найти его в PHP, $ _POST, $ _REQUEST, $ _FILES
JS
var myInput = document.getElementById('imgInp');
function sendPic() {
var file = myInput.files[0];
var image_name = document.getElementById('image_name');
const xhr = new XMLHttpRequest();
xhr.onload = function(){
// const serverResponse = document.getElementById('div');
// serverResponse.innerHTML = this.responseText;
// ip = JSON.parse(this.responseText);
alert(this.responseText);
};
xhr.open("POST", "store_img.php");
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); //header, important if not data wont actually be sent.
xhr.send(file);
}
myInput.addEventListener('change', sendPic, false);
Устройство и браузеры протестированы
с использованием ноутбука Ubuntu, Chromium, firefox с использованием Android телефона с использованием Brave, Chrome, Firefox
пробные методы:
1) Рисование изображения на холсте и «canvas.toDataURL», [РЕЗУЛЬТАТЫ] работает на рабочем столе, не работает на телефоне
2) изменение «capture = 'user'" ; в веб-форме вместо «capture = 'camera'» [РЕЗУЛЬТАТЫ] не имеет большого значения
3) веб-камера js с созданием снимка изображения и сохранением изображения [РЕЗУЛЬТАТЫ] Работает для рабочего стола не для телефона
Примечания: я все еще новичок в этом, поэтому я не уверен, что реализовал какой-либо из них неправильно, посоветуйте, пожалуйста, лучший способ получить данные.