Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Não consigo submeter outro input que nao o do tipo file. Acredito que o plugin oculte em alguma parte os inputs, mas não consegui achar. Alguém que tenha o plugin pode me ajudar? segue o código:
<?php
if (!empty($_FILES))
{
$file = $_FILES['imagens'];
foreach($_FILES as $file)
{
print_r($file) . "<br /><br />";
//captura o arquivo temporario
$tempFile = $file['tmp_name'];
$targetPath = './Files/';
$targetFile = str_replace('//','/',$targetPath) . $file['name'];
if(move_uploaded_file($tempFile,$targetFile))
{
$resultado = "upload realizado com sucesso!";
}
else {
$resultado = "Erro ao fazer upload";
}
}
}
if (!empty($_POST))
{
print_r($_POST);
}
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Exemplo de upload</title>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/base/jquery-ui.css" id="theme">
<link rel="stylesheet" href="jquery.fileupload-ui.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery-ui.min.js"></script>
<script src="jquery.fileupload.js"></script>
<script src="jquery.fileupload-ui.js"></script>
<script>
/*global $ */
$(function () {
$('#formulario').fileUploadUI({
dropZone: $('#upload_container'),
uploadTable: $('#files'),
downloadTable: $('#files'),
buildUploadRow: function (files, index) {
return $(
'<tr>' +
'<td>' + files[index].name + '</td>' +
'<td class="file_upload_progress">\n\
<div></div>\n\
</td>' +
'<td class="file_upload_cancel">' +
'<button class="ui-state-default ui-corner-all" title="Cancel">' +
'<span class="ui-icon ui-icon-cancel">Cancel</span>' +
'</button>' +
'</td>' +
'<td class="file_upload_start">' +
'<div class="ui-state-default ui-corner-all" title="Start Upload">' +
'<span class="ui-icon ui-icon-circle-arrow-n">Start Upload</span>' +
'</div>' +
'</td>' +
'</tr>'
);
},
buildDownloadRow: function (file) {
return $('<tr><td>' + file.name + '</td></tr>');
},
beforeSend: function (event, files, index, xhr, handler, callBack) {
handler.uploadRow.find('.file_upload_start button').click(callBack);
}
});
});
$('#enviar').click(function () {
$('.file_upload_start button').click();
});
$('#cancel_uploads').click(function () {
$('.file_upload_cancel').click();
});
</script>
</head>
<body>
<form id="formulario" action="" method="post" enctype="multipart/form-data">
<input type="text" name="nome" style="display: block"/>
<div id="upload_container">
<input type="file" name="file" multiple>
<button>Upload</button>
<div>Upload files</div>
</div>
</form>
<table id="files"></table>
<button id="enviar" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-primary">
<span class="ui-button-icon-primary ui-icon ui-icon-circle-arrow-e"></span>
<span class="ui-button-text">Start Uploads</span>
</button>
<button id="cancel_uploads" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-primary">
<span class="ui-button-icon-primary ui-icon ui-icon-cancel"></span>
<span class="ui-button-text">Cancel Uploads</span>
</button>
</body>
</html>Carregando comentários...