O que é Bootstrap?
O Bootstrap é uma estrutura front-end para o rápido desenvolvimento de aplicativos e sites da Web. O Bootstrap é baseado em HTML, CSS e JavaScript.
história
O Bootstrap foi desenvolvido por Mark Otto do Twitter e Jacob Thornton. O Bootstrap é um produto de código aberto lançado no GitHub em agosto de 2011.
Conteúdo do pacote de bootstrap
Estrutura básica: o bootstrap fornece uma estrutura básica com um sistema de grade, estilo de link e plano de fundo. Isso será explicado em detalhes na seção de estrutura básica do bootstrap.
CSS: O Bootstrap vem com os seguintes recursos: Configurações globais de CSS, definição de estilos básicos de elementos HTML, classe extensível e um sistema de grade avançado. Isso será explicado em detalhes na seção CSS de bootstrap.
Componentes: o Bootstrap contém mais de uma dúzia de componentes reutilizáveis para criar imagens, menus suspensos, navegação, caixas de aviso, caixas pop-up e muito mais. Isso será explicado em detalhes na seção Componentes de layout.
Javascript Plugin: O Bootstrap contém mais de uma dúzia de plugins jQuery personalizados. Você pode incluir todos os plugins diretamente ou um por um. Isso será explicado em detalhes na seção de plug-in bootstrap.
Personalização: você pode personalizar componentes de bootstrap, menos variáveis e plug-ins jQuery para obter sua própria versão.
O que é introduzido acima não é o foco deste artigo. Aqui está como fazer upload de imagens após a geração do formulário, você pode visualizar as imagens a tempo.
O código é o seguinte (endereço de conexão: https://github.com/xiexingen/bootstrap-smartform/blob/master/demo/form3-ele-img.html):
• Confrondo o plugin JQuery-File-Upload, você precisa fazer referência a jquery.ui.widget.js, jquery.iframe-transport.js e jquery.fileload.js
• Call Global.fn.initplugin ('img', 'formcontainer'); formcontainer: Para o ID do formulário, restrinja o intervalo de pesquisa, opcional
O princípio deste plug-in é fazer o upload da imagem para o servidor e, em seguida, o servidor retorna o caminho para o armazenamento da imagem. Finalmente, ao enviar o formulário, o caminho para o armazenamento do servidor , descrição do parâmetro:
ID: 'Pode ser dado à vontade, usado principalmente para distinguir'
Múltiplo: 'verdadeiro', se vários arquivos de seleção são permitidos durante o upload
Nome: A chave a ser enviada ao fazer upload de um arquivo
ExtendatTr:
Campo: ao salvar o formulário, o nome da chave enviado: opcional [single | mutiple | null] Se for único, significa que a imagem carregada substituirá a imagem existente, caso contrário, será anexada à imagem atual.
URL: o URL enviado enviando a imagem, você também pode modificar o valor padrão em global.fn.inituploadimage no arquivo global.js
Nota: O formato JSON retornado por padrão é: {Resultado: 200, imgurl: '......'}, resultado: 200 significa que o upload da imagem é bem -sucedido!
Running Screenshot:
O exposto acima é a descrição completa do suporte para o upload de figuras de formulário Smart Form Smart (9) de Bootstrap (9) que o editor apresentou a você. Espero que seja útil para todos. Se você tiver alguma dúvida, deixe -me uma mensagem e o editor responderá a todos a tempo. Muito obrigado pelo seu apoio ao site wulin.com!