Logo Hardware.com.br
ronald18
ronald18 Novo Membro Registrado
1 Mensagem 0 Curtidas

Dúvida sobre o código

#1 Por ronald18 08/12/2016 - 20:39
Fala galera ,blz?

Estou criando um site e tenho uma dúvida, salvar a foto do usuário no servidor ftp usando o jquery async. Desde já agradeço!

Segue o código a baixo.


<?
require("seguranca.php&quot;
require("head.php&quot;?>

<!--main content start-->
<section id="main-content">
<section class="wrapper">
<div class="row">
<div class="col-lg-12">
<h3 class="page-header"><i class="fa fa-user-md"></i> Perfil</h3>
<ol class="breadcrumb">
<li> <i class="glyphicon glyphicon-home"></i><a href="index.html">Home</a></li>

<li><i class="glyphicon glyphicon-edit"></i>Editar</li>
</ol>
</div>
</div>
<div class="row">
<!-- profile-widget -->
<div class="col-lg-12">

<div class="profile-widget profile-widget-info">
<div class="panel-body">
<div class="col-lg-3 col-sm-3">
<h4><?echo "$dados[NOME] $dados[SOBRENOME]";?></h4>


<div class="slim" style="background-color:#324c57"
data-service="server/async.php"
data-ratio="3:2"
data-size="600,400"
data-max-file-size="2">
<? if ($dados[IMGPERFIL]=="&quot{?>
<img src="img/usuario.png" alt="" alt="User Image">
<? } else {?>
<img src="http://www.revistaalvo.com.br/condosocio/admincond/fotosperfil/<? echo $dados[IMGPERFIL];?>" alt="" alt="User Image">
<?}?>
<input type="file" name="slim[]"/>
</div>

</div>

<div class="col-lg-4 col-sm-4 follow-info">
<p><?echo $dados[TIPOUSUARIO];?></p>
<p><?echo $dados[EMAIL];?></p>

<h6>
<p> <span><i class="icon_calendar"></i><? $data=date("d/m/y",strtotime($dados[DATACAD])); echo $data;?></span></p>

<p> <span><i class="icon_pin_alt"></i><?echo "$dados[TIPOUN] | $dados[UN]";?></span></p>
</h6>
</div>



</div>
</div>
</div>
</div>
<!-- page start-->
<div class="row">
<div class="col-lg-12">

<div class="panel-body">
<div class="tab-content">

<!-- edit-profile -->
<!-- <div id="edit-profile" class="tab-pane">
<section class="panel"> -->

<div class="panel-body bio-graph-info">
<h1> Dados Pessoais</h1>
<form name="trabalhe" class="form-horizontal" role="form" action="alterarperfil.php" method="post">
<div class="form-group">
<label class="col-lg-2 control-label">Nome</label>
<div class="col-lg-6">
<input type="text" class="form-control" id="nome" name="nome" placeholder=" " value="<? echo $dados[NOME]?>" required>
</div>
</div>
<div class="form-group">
<label class="col-lg-2 control-label">Sobrenome</label>
<div class="col-lg-6">
<input type="text" class="form-control" name="sobrenome" id="sobrenome" placeholder=" "value="<? echo $dados[SOBRENOME]?>" required>
</div>
</div>

<div class="form-group">
<label class="col-lg-2 control-label">Celular</label>
<div class="col-lg-6">
<input type="text" class="form-control" name="celular" id="celular" placeholder=" " maxlength="15" onKeyPress="MascaraCelular(trabalhe.celular);" value="<? echo $dados[CELULAR]?>"required>
</div>
</div>
<div class="form-group">
<label class="col-lg-2 control-label">E-mail</label>
<div class="col-lg-6">
<input type="mail" class="form-control" name="email" id="email" placeholder=" " value="<? echo $dados[EMAIL]?>"required>
</div>
</div>

<div class="form-group">
<label class="col-lg-2 control-label">Data de Nascimento</label>
<div class="col-lg-6">
<input type="date" class="form-control" name="niver" id="datanasc" placeholder=" "value="<? echo $dados[NIVER]?>" required>

<input type="hidden" name="id" value="<? echo $id;?>">

</div>
</div>




<div class="form-group">
<div class="col-lg-offset-2 col-lg-10">
<button type="submit" class="btn btn-primary">Concluir</button>
<button type="button" onclick="Sair()" class="btn btn-danger">Cancelar</button>
</div>
</div>
</form>
</div>


</div>
</div>

</div>
</div>

<!-- page end-->
</section>
</section>
<!--main content end-->

<!-- container section end -->
<!-- javascripts -->


<!-- nice scroll -->


<!-- jquery knob -->

<!--custome script for all page-->


<script>

//knob
$(".knob&quot.knob();
function Sair() {
$(window.document.location).attr('href',"index.php&quot;
}

document.getElementById("file&quot.onchange = function() {
document.getElementById("form&quot.submit();
};
</script>


</body>
</html>
esquiloesperto
esquiloesper... Cyber Highlander Moderador
7.1K Mensagens 2.2K Curtidas
#2 Por esquiloesper...
08/12/2016 - 22:55
Primeiramente, parabéns pela diagramação do site: Está bem apresentável.

Tenho duas recomendações para ele:
  • Os botões de controle do slider (carousel) no site precisam ser melhor ajustados no CSS para mobile.
  • Seria ideal interromper o giro automático assim que o usuário interagir com estes botões.


E quanto ao código da página, mostrado acima:
  • Os atributos "placeholder" e "value" estão colados no input "sobrenome". Separe.


Respondendo a sua necessidade, para enviar streaming de dados é necessário que o formulário seja do tipo multipart. Para isto adicione a ele o atributo:
enctype="multipart/form-data"

Então, será preciso oferecer ao usuário a opção para a escolha de uma imagem sua no PC ou dispositivo. O input "slim[]" é suficiente mas ele não possui um . Cuide disso. Aliás, este "name" usando colchetes não é adequado.
Um bom local para ele pode ser ao lado da imagem padrão, aproveitando o IF condicional.

Se preferir crie um formulário apenas para a imagem, conferindo a ele um ID e "name" exclusivos.
Com isto você conseguirá submeter a imagem através do evento "onchange", referenciando o name ou ID do formulário.
Só é difícil enquanto estiver oculto! cool.png
Use a pesquisa


rolleyes.png  Navegar é preciso, viver... também.  smile.png
© 1999-2024 Hardware.com.br. Todos os direitos reservados.
Imagem do Modal