Respostas:
Você pode tentar o seguinte:
<input type="file" capture="camera" accept="image/*" id="cameraInput" name="cameraInput">
mas deve ser o iOS 6 ou superior para funcionar. Isso lhe dará um bom diálogo para você escolher tirar uma foto ou fazer upload de uma do seu álbum, ou seja,
Um exemplo pode ser encontrado aqui: Capturando dados da câmera / imagem sem o PhoneGap
'image.jpg'
. Portanto, se você enviar algumas imagens da mesma forma, elas se substituirão devido ao mesmo nome, a menos que você faça algo para renomeá-las, tenha cuidado!
A partir de 2015, agora apenas funciona .
<input type="file">
Isso solicitará ao usuário o upload de qualquer arquivo. No iOS 8.x, pode ser um vídeo da câmera, uma foto da câmera ou uma foto / vídeo da Biblioteca de Fotos.
<input type="file" accept="image/*">
Isso é o descrito acima, mas limita os envios a fotos apenas da câmera ou da biblioteca, sem vídeos.
capture
atributo que faz exatamente isso. Veja Sintaxe correta para captura de mídia HTML
No iOS6, a Apple suporta isso por meio da <input type="file">
tag. Não encontrei um link útil na documentação do desenvolvedor da Apple, mas há um exemplo aqui .
Parece que sobreposições e funcionalidades mais avançadas ainda não estão disponíveis, mas isso deve funcionar em muitos casos de uso.
EDIT: O w3c tem uma especificação que iOS6 Safari parece implementar um subconjunto de. O capture
atributo está notavelmente ausente.
Eu acho que este está funcionando. Gravando um vídeo ou áudio;
<input type="file" accept="video/*;capture=camcorder">
<input type="file" accept="audio/*;capture=microphone">
ou (novo método)
<device type="media" onchange="update(this.data)"></device>
<video autoplay></video>
<script>
function update(stream) {
document.querySelector('video').src = stream.url;
}
</script>
Caso contrário, provavelmente funcionará no ios6, mais detalhes podem ser encontrados em obter mídia do usuário
O aplicativo Picup é uma maneira de tirar fotos de uma página HTML5 e enviá-las ao seu servidor. Requer alguma programação extra no servidor, mas, além do PhoneGap, não encontrei outra maneira.
Essa pergunta já tem alguns anos, mas nesse período algumas possibilidades adicionais evoluíram, como acessar a câmera diretamente, exibir uma pré-visualização e capturar instantâneos (por exemplo, para leitura de código QR).
Este artigo do Google Developers fornece uma explicação detalhada de todas (?) Maneiras de obter dados de imagem / câmera em um aplicativo Web, de "trabalhar em qualquer lugar" (mesmo em navegadores de desktop) a "trabalhar apenas em sistemas modernos e atualizados" dispositivos móveis com data ". Juntamente com muitas dicas úteis.
Métodos explicados: