¿Qué es Bootstrap?
Bootstrap es un marco front-end para el rápido desarrollo de aplicaciones web y sitios web. Bootstrap se basa en HTML, CSS y JavaScript.
historia
Bootstrap fue desarrollado por Mark Otto y Jacob Thornton de Twitter. Bootstrap es un producto de código abierto lanzado en Github en agosto de 2011.
Contenido del paquete de bootstrap
Estructura básica: Bootstrap proporciona una estructura básica con un sistema de cuadrícula, estilo de enlace y fondo. Esto se explicará en detalle en la sección Bootstrap Basic Structure.
CSS: Bootstrap viene con las siguientes características: Configuración global de CSS, definición de estilos básicos de elementos HTML, clase extensible y un sistema de cuadrícula avanzado. Esto se explicará en detalle en la sección Bootstrap CSS.
Componentes: Bootstrap contiene más de una docena de componentes reutilizables para crear imágenes, menús desplegables, navegación, cajas de advertencia, cajas emergentes y más. Esto se explicará en detalle en la sección Componentes de diseño.
JavaScript Plugin: Bootstrap contiene más de una docena de complementos JQuery personalizados. Puede incluir todos los complementos directamente o uno por uno. Esto se explicará en detalle en la sección de complemento Bootstrap.
Personalización: puede personalizar los componentes de Bootstrap, menos variables y complementos jQuery para obtener su propia versión.
Lo que se introduce anteriormente no es el foco de este artículo. Aquí es cómo cargar imágenes después de generar el formulario, puede obtener una vista previa de las imágenes a tiempo.
El código es el siguiente (dirección de conexión: https://github.com/xiexingen/bootstrap-smartform/blob/master/demo/form3-ele-img.html):
• Confiante el complemento jQuery-File-Spload, debe hacer referencia a jQuery.ui.widget.js, jQuery.iframe-Transport.js y jQuery.fileload.js
• Llame a global.fn.initplugin ('img', 'FormContainer'); FormContainer: para formular ID, reduzca el rango de búsqueda, opcional
El principio de este complemento es cargar la imagen en el servidor, y luego el servidor devuelve la ruta al almacenamiento de la imagen. Finalmente, al enviar el formulario, la ruta al almacenamiento del servidor , Descripción del parámetro:
ID: "se puede administrar a voluntad, se usa principalmente para distinguir"
múltiple: 'verdadero', si se permiten múltiples archivos de selección durante la carga
Nombre: la clave para enviar al cargar un archivo
Extendattr:
Campo: Al guardar el formulario, el nombre de clave enviado: Opcional [único | Mutiple | NULL] Si es único, significa que la imagen cargada reemplazará la imagen existente, de lo contrario se agregará a la imagen actual.
URL: la URL enviada mediante la carga de la imagen, también puede modificar el valor predeterminado en global.fn.inituploadimage en el archivo global.js
Nota: El formato JSON devuelto por defecto es: {resultado: 200, imgurl: '......'}, resultado: 200 significa que la carga de imagen es exitosa!
Ejecución de captura de pantalla:
Lo anterior es la descripción completa del soporte para la serie práctica de formulario de formulario de formulario de forma inteligente de bootstrap (9) que le presentó el editor. Espero que sea útil para todos. Si tiene alguna pregunta, déjame un mensaje y el editor responderá a todos a tiempo. ¡Muchas gracias por su apoyo al sitio web de Wulin.com!