Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

wallace araujo

Upload Com Select Junto Dinamico

Por , em Javascript

Recommended Posts

wallace araujo    0

wallace araujo
Postado

 

 

Ola  pessoal  tudo blz..

 

Então to com uma dificuldade em um cod  javascript alguém poderia me ajudar 

 

o script esta funcionando 100%  o problema qui eu tenho qui manda um select  junto com o   upload  eu não faço ideia de como fazer no javascript pois meu nível no javascript e de iniciante.. srrs  #aprendendo na raça...

 

 

parte do index.php

  


<script>

function _(el){
	return document.getElementById(el);
}
function uploadFile(){
	var file = _("file1").files[0];
	// alert(file.name+" | "+file.size+" | "+file.type);
	var formdata = new FormData();
	formdata.append("file1", file);
	var ajax = new XMLHttpRequest();
	ajax.upload.addEventListener("progress", progressHandler, false);
	ajax.addEventListener("load", completeHandler, false);
	ajax.addEventListener("error", errorHandler, false);
	ajax.addEventListener("abort", abortHandler, false);
	ajax.open("POST", "file_upload_parser.php");
	ajax.send(formdata);
}
function progressHandler(event){
	_("loaded_n_total").innerHTML = "Uploaded "+event.loaded+" bytes of "+event.total;
	var percent = (event.loaded / event.total) * 100;
	_("progressBar").value = Math.round(percent);
	_("status").innerHTML = Math.round(percent)+"% uploaded... please wait";
}
function completeHandler(event){
	_("status").innerHTML = event.target.responseText;
	_("progressBar").value = 0;
	//location.href="pagina02.php"
}
function errorHandler(event){
	_("status").innerHTML = "Upload Failed";
}
function abortHandler(event){
	_("status").innerHTML = "Upload Aborted";
}
</script>
</head>
<body>


  <progress id="progressBar" value="0" max="100" style="width:300px;"></progress>
  
<form id="upload_form" enctype="multipart/form-data" method="post">
  <input type="file" name="file1" id="file1"><br>
  <input type="button" value="Upload File" onclick="uploadFile()">
	<select name="teste_campo"  class="bs-select form-control">
		<option value="0"> teste 1</option>
		<option value="1"> teste 2</option>
	</select>	

  <h3 id="status"></h3>
  <p id="loaded_n_total"></p>
</form>
</body>
</html>

 

 

parte do php  file_upload_parser.php

  

<?php


$fileName = $_FILES["file1"]["name"]; // 
$fileTmpLoc = $_FILES["file1"]["tmp_name"]; // 
$fileType = $_FILES["file1"]["type"]; // 
$fileSize = $_FILES["file1"]["size"]; // 
$fileErrorMsg = $_FILES["file1"]["error"]; // 





if (!$fileTmpLoc) { // if file not chosen
    echo "ERROR: Please browse for a file before clicking the upload button.";
    exit();
}
if(move_uploaded_file($fileTmpLoc, "00000test_uploads/$fileName")){
    echo "$fileName upload is complete";
	
} else {
	$_SESSION['teste_erro'] = $_POST['file1'];
   
}

					




?>

 

 eu provoquei um erro na parte do php para mim ve si o POS do select esta indo..

 

 

preciso pega o campo select  junto com o upload ..

 

Alguma alma boa  srsr !

 

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

gabrieldarezzo    255

gabrieldarezzo
Postado

 

Citar

preciso pega o campo select  junto com o upload ..

 

 

Da uma olhada, veja se te ajuda: 

https://github.com/gabrieldarezzo/comum/blob/master/upload_file.php

 

A unica coisa q n entendi foi o 'dinâmico'...

 

Oq exatamente você queria fazer ?

 

 

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript

  • Conteúdo Similar

    • Rafael_Ferreira
      Não consigo carregar imagem do captcha no meu formulário
      Por Rafael_Ferreira
      Não consigo carregar a imagem do captcha do meu formulário. Foi testado com o xampp e easyphp. Também não carregou a imagem de outros captcha. 
       
       
    • luiz monteiro
      Evitar que o navegador limpe os campos de input quando a guia perde o foco
      Por luiz monteiro
      Olá.
      Estou atualizando meu conhecimento com Front-End e me deparei com o seguinte problema.
      Criei um sistema para fazer o upload de imagens e alguns campos text.
      Algo bem simples para depois começar a estudar javascript para mostrar a miniatura....
      Mas quando saio do navegador Chrome ou da aba por mais de 3 minutos, ao retornar o navegador as vezes atualiza ou nem chega atualizar mas limpa os campos.
      Estou usando um Smart Motorola com Android, mas um amigo testou no iPhone e acontece a mesma coisa.
      Gostaria de saber se há como usar javascript para evitar isso?
      Agradeço desde já.

      <!DOCTYPE html>
      <html>
      <head>
          <meta charset="utf-8">
          <meta name="viewport" content="width=device-width, initial-scale=1">
          <title>Uploader</title>
      </head>
      <body>
          <form action="?" method="post" enctype="multipart/form-data">
              <br><br>
              <div>selecione a imagem 1</div>
              <input type="file" name="foto1" accept="image/*">
              <br><br>
              <input type="text" name="nome_imagem1">
              
              <br><br>
              <input type="file" name="foto2" accept="image/*">
              <br><br>
              <input type="text" name="nome_imagem2">
              
              <br><br>

              <input type="file" name="foto3" accept="image/*">
              <br><br>
              <input type="text" name="nome_imagem3">
              
              <br><br>
              <input type="submit" value="Enviar">
              <br><br>
          </form>
      <?php
      if ($_SERVER['REQUEST_METHOD'] == 'POST')
      {
          vardump ($_FILES);
      }
      ?>
      </body>
      </html>
       
       
       
    • belann
      Navbar no Nextjs
      Por belann
      Olá!
       
      Estou usando o nextjs versão 15.2.3 e criei uma navbar que quando é carregado o programa aparece com a home, mas na hora de clicar na página produtos desaparece a navbar.
      A navbar esta sendo chamada no layout.tsx estou usando typescript
      e fica dessa forma
      <div>           <Navbar/>             <main>{children}</main>             </div>  
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito