Como recortar imagem com JavaScript e fazer upload com PHP

Neste tutorial será apresentado como recortar imagem com JavaScript e fazer upload com PHP.
Primeiro será apresentado como criar o formulário upload com HTML.
Em seguida é apresentado como recortar a imagem com JavaScript.
Para finalizar será apresentado como fazer o upload da imagem com PHP.

[arthurpires]

EXCELENTE!! Agora meus projetos pessoais vão ficar ainda mais profissionais, muito obrigado! Like e inscrição merecidíssimos!!

[gabrielfelix]

cara você é um Herói, você não sabe quantas pessoas te agradece.
Ótimo trabalho.

[danieldacosta]

como sempre um show de bola, grato pelo contributo grande mestre

[CleristonMelo]

Excelente aulas, parabéns por compartilhar esse conteúdo conosco.
Agora eu fiquei com uma dúvida.
Caso eu precise enviar junto com a imagem, o id do cliente, para que eu possa atualizar no banco de dados o nome da nova imagem, como poderia fazer ??
Como eu poderia enviar junto com a nova imagem o nome da imagem anterior e ao salvar a nova imagem, salvar no banco de dados o nome da nova imagem?
Obrigado

[thiagofalci]

Nossa, que vídeo excelente! Confesso que esse conteúdo está há anos luz a minha frente com relação aos meus conhecimentos rs, mas mesmo assim foi super bem explicado. Parabéns!

[alexandresalome]

excelente, mais uma vez meus sinceros parabens!

[topnacional]

😮 Falta ensinar isso no seus cursos MVC....

[mpstransito]

Simplesmente show, obrigado pelo post.

[BrunoBerlanda]

Excelente dica Celke! Mas uma dúvida, como posso implementar mais coisas em cima disso? Por exemplo: tenho um sistema em PHP, quero pode entrar para editar um registro (cadastro), e dentro da edição, poder enviar uma foto, e além de fazer o upload da foto, armazenar os dados no banco de dados de acordo com o ID do cadastro que estou alterando.

[MensageiroAnonimo]

muito bom.. mas se por acaso eu quisesse que passar o arquivo cortado para o file novamente, ai o usuário clica em enviar .. digo como faço essa alteração de arquivo.. tirando o original e colocando a imagem cortada no fileupload no meu caso estou utilizando .net, então alteraria visibilidade do btn enviar após ele cortar...

[hi-techfuture]

amigo tira uma dúvida, como posso criar um alerta em javascript ou php de acordo com a data de pagamento tipo ficar verde quando está em dia, amarelo quando precisa de atenção e vermelho quando passa da data...Em dia - dentro do prazo(antes da data de fim)
atrasado - até 10 dias depois da data final
Precisa de atenção - depois de 10 dias da data final

[discipulandorr]

Alguém teve problema no AJAX.. é que o meu roda normal no localhost.. mas o AJAX não roda no SERVIDOR..