Pré -requisitos:
Ajaxfileupload.js plugin múltiplo upload de arquivo
etapa:
1. Modifique o código -fonte (o código -fonte suporta apenas o upload de um único arquivo):
A cópia do código é a seguinte:
// o código antes da modificação --------
// var OldElement = jQuery ('#' + fileElementId);
// var newElement = jQuery (OldElement) .clone ();
//jQuery(oldElement).attr('id ', fileid);
//jQuery(oldElement).Before(newElement);
//jQuery(oldElement).appendto(form);
// o código antes da modificação --------
// Código modificado --------
para (var i no fileElementId) {
var OldElement = jQuery ('#' + fileElementId [i]);
var newElement = jQuery (OldElement) .Clone ();
jQuery (OldElement) .Attr ('ID', FILEID);
jQuery (OldElement). antes (NewElement);
jQuery (OldElement) .AppendTo (form);
}
// Código modificado --------
2. Como usar:
A cópia do código é a seguinte:
$ .ajaxfileUpload ({
url: "./upload/upload.action",
Secureuri: falso,
// fileElementId: 'UPLOPFILE1', // Método de uso original
FileElementId: ['UPLOPFILE1', 'UPLOPFILE2', 'UPLOPFILE3', 'UPLOPFILE4', 'UPLOPFILE5'], // Agora use o método
Datatype: 'JSON',
Sucesso: função (dados) {
Ajaxloadnd ();
if (data.result == "success") {
$ .Messager.alert ('Information', 'importado com sucesso.', 'Info');
} outro {
$ ('#import_right'). diálogo ('aberto');
$ .messager.alert ('Information', 'importação falhou. <br> Mensagem de erro:'+data.message, 'erro');
}
},
Erro: função (dados, status, e)
{
Ajaxloadnd ();
$ .messager.alert ('Information', 'importação falhou. <br> Mensagem de erro: exceção da rede ou erro de dados do formulário.', 'Erro');
}
});