Как запихнуть фото с вебки пользователя в input[type="file"]?
Внимательно раскурил документацию по getUserMedia() и получению снимка с камеры пользователя в canvas. Остался один вопрос: как эту полученную фотку назначить "значением" для поля input?
Сейчас есть одна большая форма, с кучей полей, в том числе и прикреплением файлов. Все отправляется на сервер "кучей". Вот есть непреодолимое желание прикреплять файлы напрямую с вебки. Окно предпросмотра с потоком и получением снимка уже почти дописал. Тормозит только этот момент:(
Очень просто - картинки с камеры кладу в canvas, и перед отправкой формы запихиваю их в скрытое поле как base64, через canvas.toDataURL. В моем решении пользователю дается возможность сделать несколько фото сразу, так что скрипт заводит несколько полей формы. А на стороне сервера я уже проверяю, что из того, что пришло от формы, является файлом, и соответствующим образом обрабатываю