захватить изображение из браузера android и сохранить в PHP - PullRequest
0 голосов
/ 02 мая 2020

Цель проекта

Создание простого журнала хранения для домашних вещей. Запуск на 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 с созданием снимка изображения и сохранением изображения [РЕЗУЛЬТАТЫ] Работает для рабочего стола не для телефона

Примечания: я все еще новичок в этом, поэтому я не уверен, что реализовал какой-либо из них неправильно, посоветуйте, пожалуйста, лучший способ получить данные.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...