Ao enviar fotos, encontrei um controle muito útil que suporta o upload de várias fotos ao mesmo tempo. Você pode clicar para selecionar uma imagem ou arrastar a imagem para a caixa de upload e carregá-la diretamente. , e a interface é simples. Basicamente, você pode usá-lo diretamente no projeto.
Vamos dar uma olhada em seu estilo primeiro:
Depois de selecionar uma imagem:
$(function(){ // Inicializa o plug-in $(#demo).zyUpload({ largura: 650px, // largura altura: 400px, // largura itemWidth: 120px, // largura do item do arquivo itemHeight: 100px, / / file A altura do url do item: /upload/UploadAction, // O caminho do arquivo enviado multiple: true, // Se vários arquivos podem ser carregados dragDrop: true, // Se o arquivo pode ser arrastado e carregado del : true, // Se o arquivo pode ser excluído finishDel : false, // Se a visualização é excluída após a conclusão do upload do arquivo /* Interface de retorno de chamada obtida externamente */ onSelect : function(files, allFiles ){ //Método de retorno de chamada para seleção de arquivos console.info(Os seguintes arquivos estão selecionados atualmente:); console.info(files); todos os arquivos); }, onDelete: function(file, excedentesFiles){ // Método de retorno de chamada para excluir um arquivo console.info (arquivo excluído atualmente:); ; }, onSuccess: function(file){ // Método de retorno de chamada para upload de arquivo com sucesso console.info(Este arquivo foi carregado com sucesso:); O método de retorno de chamada para falha no upload de arquivo console.info(Falha no upload deste arquivo:); ;console .info(responseInfo);Modifique a configuração diretamente em demo.js, url: /upload/UploadAction e coloque sua ação de upload de imagem. Este controle é apenas processamento em primeiro plano, você mesmo deve escrever o upload em segundo plano.
O texto acima é todo o conteúdo deste artigo. Espero que seja útil para o estudo de todos. Também espero que todos apoiem a Rede VeVb Wulin.