0% acharam este documento útil (0 voto)

3 visualizações5 páginas

Frontiend

O documento apresenta um formulário HTML para upload de arquivos, incluindo uma barra de progresso que exibe o status do envio. O código PHP associado processa o upload, salvando os arquivos em um diretório específico e retornando mensagens de sucesso ou erro. Além disso, inclui uma lista de cores com seus códigos RGB e hexadecimais, oferecendo a possibilidade de gerar uma tabela mais completa.

Enviado por

José Soares

Direitos autorais

Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.

Formatos disponíveis

Baixe no formato PDF, TXT ou leia on-line no Scribd

0% acharam este documento útil (0 voto)

3 visualizações5 páginas

Frontiend

Enviado por

José Soares

Direitos autorais

Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.

Formatos disponíveis

Baixe no formato PDF, TXT ou leia on-line no Scribd

Você está na página 1/ 5

<!

DOCTYPE html>

<head>

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Upload de Arquivo</title>

<style>

body {

font-family: Arial, sans-serif;

text-align: center;

margin: 30px;

#progressContainer {

width: 100%;

background-color: #ddd;

display: none;

#progressBar {

width: 0%;

height: 20px;

background-color: #4caf50;

text-align: center;

line-height: 20px;

color: white;

</style>

</head>

<body>

<h2>Upload de Arquivo</h2>
<form id="uploadForm">

<input type="file" id="fileInput" name="file[]" multiple>

<button type="button" onclick="uploadFile()">Enviar</button>

</form>

</div>

function uploadFile() {

let files = document.getElementById("fileInput").files;

if (files.length === 0) {

document.getElementById("status").innerHTML = "Por favor, selecione um arquivo.";

return;

let formData = new FormData();

for (let i = 0; i < files.length; i++) {

formData.append("file[]", files[i]);

let xhr = new XMLHttpRequest();

xhr.open("POST", "upload.php", true);

// Atualiza a barra de progresso

xhr.upload.onprogress = function(event) {

if (event.lengthComputable) {

let percent = (event.loaded / event.total) * 100;

document.getElementById("progressBar").style.width = percent + "%";

document.getElementById("progressBar").innerHTML = Math.round(percent) +
"%";

};

xhr.onload = function() {

if (xhr.status == 200) {

document.getElementById("status").innerHTML = xhr.responseText;

document.getElementById("progressBar").style.width = "100%";

document.getElementById("progressBar").innerHTML = "Concluído!";

} else {

document.getElementById("status").innerHTML = "Erro no upload.";

};

document.getElementById("progressContainer").style.display = "block";

xhr.send(formData);

</script>

</body>

</html>

<?php

if (!empty($_FILES['file']['name'][0])) {

$uploadDir = "uploads/";

// Criar pasta se não existir

if (!is_dir($uploadDir)) {

mkdir($uploadDir, 0777, true);

}

foreach ($_FILES['file']['name'] as $key => $filename) {

$fileTmp = $_FILES['file']['tmp_name'][$key];

$filePath = $uploadDir . basename($filename);

if (move_uploaded_file($fileTmp, $filePath)) {

echo "✔ Arquivo <b>$filename</b> enviado com sucesso!<br>";

} else {

echo " Erro ao enviar <b>$filename</b>.<br>";

} else {

echo "Nenhum arquivo enviado.";

qui está uma lista de algumas cores com seus respectivos códigos decimais (RGB) e
hexadecimais:

Principais Cores e Seus Códigos Decimais

Nome da Cor Decimal (RGB) Hexadecimal

Preto (0, 0, 0) #000000

Branco (255, 255, 255) #FFFFFF

Vermelho (255, 0, 0) #FF0000

Verde (0, 255, 0) #00FF00

Azul (0, 0, 255) #0000FF

Amarelo (255, 255, 0) #FFFF00

Nome da Cor Decimal (RGB) Hexadecimal

Ciano (0, 255, 255) #00FFFF

Magenta (255, 0, 255) #FF00FF

Cinza (128, 128, 128) #808080

Laranja (255, 165, 0) #FFA500

Rosa (255, 192, 203) #FFC0CB

Roxo (128, 0, 128) #800080

Marrom (139, 69, 19) #8B4513

Se precisar de uma tabela mais completa com todas as cores nomeadas, posso gerar
automaticamente para você. Quer que eu crie um arquivo com essa lista?

Frontiend

Enviado por

Frontiend

Enviado por

<!

<meta name="viewport" content="width=device-width, initial-scale=1.0">

font-family: Arial, sans-serif;

<input type="file" id="fileInput" name="file[]" multiple>

<button type="button" onclick="uploadFile()">Enviar</button>

let files = document.getElementById("fileInput").files;

document.getElementById("status").innerHTML = "Por favor, selecione um arquivo.";

let formData = new FormData();

for (let i = 0; i < files.length; i++) {

let xhr = new XMLHttpRequest();

xhr.open("POST", "upload.php", true);

// Atualiza a barra de progresso

let percent = (event.loaded / event.total) * 100;

document.getElementById("status").innerHTML = "Erro no upload.";

// Criar pasta se não existir

mkdir($uploadDir, 0777, true);

foreach ($_FILES['file']['name'] as $key => $filename) {

$filePath = $uploadDir . basename($filename);

echo "✔ Arquivo <b>$filename</b> enviado com sucesso!<br>";

echo " Erro ao enviar <b>$filename</b>.<br>";

echo "Nenhum arquivo enviado.";

Principais Cores e Seus Códigos Decimais

Nome da Cor Decimal (RGB) Hexadecimal

Preto (0, 0, 0) #000000

Branco (255, 255, 255) #FFFFFF

Vermelho (255, 0, 0) #FF0000

Verde (0, 255, 0) #00FF00

Azul (0, 0, 255) #0000FF

Amarelo (255, 255, 0) #FFFF00

Ciano (0, 255, 255) #00FFFF

Magenta (255, 0, 255) #FF00FF

Cinza (128, 128, 128) #808080

Laranja (255, 165, 0) #FFA500

Rosa (255, 192, 203) #FFC0CB

Roxo (128, 0, 128) #800080

Marrom (139, 69, 19) #8B4513

Você também pode gostar