uniapp: Resuelva el problema del código de verificación gráfica y use arraybuffer binario para convertir imágenes en formato base64 (el formato de datos de imagen transmitido desde el backend: x00\x10JFIF\x00\x01\x02\x00...)

  • Escenario: para el código de verificación de imagen, cambie el código de verificación de imagen para enviar una solicitud y el backend devuelve datos de imagen en el formato x00\x10JFIF\x00\x01\x02\x00. Necesitamos obtener los datos para procesarlos y luego repítelo (y para nuestro código de verificación ingresado: volveré a publicar un artículo aquí para explicarlo)

  •  Análisis de estructura de datos:

Aquí uso la promesa para la encapsulación y finalmente devuelvo 4 campos:

  • Solución

Definitivamente no podremos hacer eco de la imagen de los datos devueltos a través de esta solicitud. Los datos no son la ruta de la imagen o el formato base64 que necesitamos y debemos procesar:

1. Cuando solicite obtener la interfaz de código gráfico, establezca el tipo de respuesta tipo de respuesta en arraybuffer.

2. Utilice la API uni.arrayBufferToBase64(arrayBuffer) para procesar el resultado de la solicitud (nota: la cadena después de la transcodificación base64 debe agregarse con los datos:image/png; prefijo base64)

  • El código se muestra a continuación.

--Encapsulación de solicitud de código de interfaz:

- Interfaz de solicitud: 

 Ver el formato devuelto:

Supongo que te gusta

Origin blog.csdn.net/qq_45796592/article/details/132113414
Recomendado
Clasificación