Fiz esse post curto sobre o uso do plugin cordova-sqlite-storage no Quasar, o texto está em pr-br.
https://ellalves.net.br/blog/usando-plugin-cordova-sqlite-storage-no-quasar-framework
Desenvolvedor Web - back-end, com conhecimentos em PHP, MySQL, CSS, JS e HTML5. Professor de Matemática por formação e apaixonado pela web e tecnologias. Sempre preocupado em fazer o melhor da maneira mais simples possível!
Fiz esse post curto sobre o uso do plugin cordova-sqlite-storage no Quasar, o texto está em pr-br.
https://ellalves.net.br/blog/usando-plugin-cordova-sqlite-storage-no-quasar-framework
@Kevin ```
Código completo!
<template>
<q-page class="flex flex-center">
<q-btn color="primary" label="Get Picture" @click="captureImage" />
<q-img
:src="imageSrc"
placeholder-src="statics/quasar-logo.png"
:alt="'Imagem: ' + imageSrc" id="photo"
/>
</q-page>
</template>
<script>
export default {
data () {
return {
imageSrc: ''
}
},
methods: {
captureImage () {
navigator.camera.getPicture(
data => { // on success
this.imageSrc = `data:image/jpeg;base64, ${data}`
// document.getElementById('photo').src = data
alert(this.imageSrc)
},
() => { // on fail
this.$q.notify('Não foi possível acessar a câmera do dispositivo.')
},
{
// camera options
quality: 50,
destinationType: navigator.camera.DestinationType.DATA_URL,
encodingType: navigator.camera.EncodingType.JPEG,
MEDIATYPE: navigator.camera.MediaType.PICTURE,
sourceType: navigator.camera.PictureSourceType.CAMERA,
mediaType: navigator.camera.MediaType.PICTURE,
cameraDirection: navigator.camera.Direction.BACK,
targetWidth: 300,
targetHeight: 400
}
)
}
}
}
</script>
@Kevin O meu ta igual ao seu a diferença é que nas options eu pego a imagem com: destinationType: navigator.camera.DestinationType.DATA_URL