Cómo importar imágenes en js a la herramienta de desarrollo de subprogramas WeChat

En la herramienta de desarrollo del mini programa WeChat, puede importar imágenes en archivos JavaScript de las siguientes maneras:

1. Cree una estructura de directorios en el proyecto del mini programa para almacenar la carpeta de imágenes. por ejemplo, cree una carpeta llamada "imágenes" en el directorio raíz.

2. Copie el archivo de imagen que desea importar a esta carpeta.

3. En el archivo JavaScript donde desea utilizar la imagen, utilice una ruta relativa para hacer referencia a la imagen. Por ejemplo, si desea hacer referencia a la imagen "logo.png" en la carpeta "imágenes" en "pages/index/index.js", puede utilizar el siguiente código:

consstimgUrl='. ../. ../.../images/logo.png';

En el código, '.../.../...' significa regresar al directorio de dos niveles. , es decir, regresar a la raíz del directorio del subprograma, luego regresar a la carpeta "imágenes" y finalmente devolver el nombre del archivo de imagen

4. realizar operaciones relacionadas, como configurar el atributo src de la imagen, usarla como imagen de fondo, etc.

Cabe señalar que la ruta para importar la imagen está relacionada con la posición relativa de la imagen actual. Archivo JavaScript si el archivo tiene muchas capas, la ruta debe ajustarse en consecuencia.

Este es el miniarchivo WeChat para importar imágenes en herramientas de desarrollo de programas, pero depende de proyectos y requisitos específicos. , puede haber diferentes métodos de procesamiento de importación de imágenes.

El contenido anterior ha sido cuidadosamente compilado por Zhubajie.com y espero que le resulte útil.