Leer Codigo QR[Unresolved]

Answers:

•  

    1  

   

   

  Bryan Villalobos Karma: 848

   
  Date: 07-10-2019 06:14:16 yo de ti me iria por la tecnologia react-native de facebook, un ejemplo simple podria ser este
  

  import * as React from 'react';
  import { Text, View, StyleSheet, Button } from 'react-native';
  import Icon from 'react-native-vector-icons/FontAwesome';
  import Constants from 'expo-constants';
  import * as Permissions from 'expo-permissions';
  import SQL from "./../components/SQL";
  import { BarCodeScanner } from 'expo-barcode-scanner';
  
  export default class BarcodeScannerExample extends React.Component {
    state = {
      hasCameraPermission: null,
      scanned: false,
    };
  
    static navigationOptions = {
      title: 'Captura de QR',
    };
  
    async componentWillMount() {
      SQL.InitDatabase();
    }
  
  
  
  
    async componentDidMount() {
      this.getPermissionsAsync();
    }
  
    getPermissionsAsync = async () => {
      const { status } = await Permissions.askAsync(Permissions.CAMERA);
      this.setState({ hasCameraPermission: status === 'granted' });
    };
  
    render() {
      const { hasCameraPermission, scanned } = this.state;
  
      if (hasCameraPermission === null) {
        return <Text>Accediendo a la Cámara</Text>;
      }
      if (hasCameraPermission === false) {
        return <Text>No se Tiene acceso a la cámara</Text>;
      }
      return (
        <View
          style={{
            flex: 1,
            flexDirection: 'column',
            justifyContent: 'flex-end',
          }}>
          <BarCodeScanner
            onBarCodeScanned={scanned ? undefined : this.handleBarCodeScanned}
            style={StyleSheet.absoluteFillObject}
          />
  
          {scanned && (
            <Button title={'Volver A scanear'} onPress={() => this.setState({ scanned: false })} />
          )}
          
        </View>
      );
    }
  
    handleBarCodeScanned = ({ type, data }) => {
      this.setState({ scanned: true });
  
      SQL.AddQr(data, type);
   
    };
  }
  

    Votes: 1 - Link answer
   
•  

    1  

   

   

  Porfirio Chávez Karma: 433

   
  Date: 07-10-2019 16:52:24 En ese caso crea un input con un id por ejemplo
  
  

  <input id="qrResultText">

  
  
  y cambia la funcion
  
  

  function read(a)
  {
  var html="<br>";
  if(a.indexOf("http://") === 0 || a.indexOf("https://") === 0)
  html+="<a target='_blank' href='"+a+"'>"+a+"</a><br>";
  html+="<b>"+htmlEntities(a)+"</b><br><br>";
  document.getElementById("result").innerHTML=html;
  }

  
  
  agregando el id necesario es decir
  
  

  document.getElementById('qrResultText').value = html

  
  
  por supuesto es más complejo pero debería funcionar   Votes: 1 - Link answer
   
•  

    0  

   

   

  Horacio Q Karma: 124

   
  Date: 07-10-2019 17:47:00 Buenisimo, gracias @Porfirio Chávez   Votes: 0 - Link answer
   
•  

    0  

   

   

  Alberd Saldivar Karma: 1

   
  Date: 11-01-2021 07:17:47 @ Lograste resolver solo colocando el <input id="result">
  Lo he cambiado así pero aún así no me aparece en la caja del input solo en consola.   Votes: 0 - Link answer
   
•  

    0  

   

   

  Horacio Q Karma: 124

   
  Date: 28-02-2021 18:11:03 Saludos, despúes de mucho tiempo me respondo a mí mismo,no es la solución a la librería que puse pero funciona muy bien se llama instascan primero agregan <script src="https://rawgit.com/schmich/instascan-builds/master/instascan.min.js"></script>
  luego un campo en el que se copiará el código escaneado por ejemplo: <input type="text" class="form-control" name="codigo" id="codigo" placeholder="N° de guía Local">
  y una etiqueta de tipo video para mostrar la cámara <video id="preview"></video>
  el ejemplo en el que me basé se ejecuta automáticamente al ingresar a la página, yo lo mando a llamar con una función así que se pone un botón: <button class="btn btn-primary" type="button" onclick="escanear();">Escanear Código QR</button> y finalmente la función que hace la magia:
  <script type="text/javascript">
  function escanear() {
  //$("#captura").css("display","block");
  
  $("#codigo").focus();
  let scanner = new Instascan.Scanner({ video: document.getElementById('preview') });
  scanner.addListener('scan', function (content) {
  // alert(content);
  $("#codigo").val(content);
  scanner.stop();
  });
  Instascan.Camera.getCameras().then(function (cameras) {
  if (cameras.length > 0) {
  scanner.start(cameras[1]);
  } else {
  console.error('No cameras found.');
  }
  }).catch(function (e) {
  console.error(e);
  });
  
  }
  </script>
  si alguien sabe cómo usar instascan para código de barras agradecería que me avisen.   Votes: 0 - Link answer