Pesquisar na Comunidade
Mostrando resultados para as tags ''passar''.
Encontrado 1 registro
-
pessoal , preciso de uma ajuda , preciso saber como faço um script que faça o seguinte : html tera um form com action que manda para o php e o php mande para o banco de dados , isso com o input file ok , ate aqui eu ja tenho tudo funcionando porem e aqui que nao sei fazer , quando eu selecionar a foto no input , preciso que mostre um campo para editar o tamanho da imagem , aqui presiso que o usuario sempre poste uma foto quadrada , nao importa se é 200x200 , 400x400 mas tem que ser quadrada , eu vi esse script na net mas n manjo muito de javascript e estou começando agora , ele corta a imagem perfeitamente como quero porem , como faço para guardar a variavei imageData que e jafa script no campo input ou passar ela para a variavei $foto = $_FILE['']; no php ? <!DOCTYPE html> <html> <head> <title>cropit</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> <script src="jquery.cropit.js"></script> <style> .cropit-preview { background-color: #f8f8f8; background-size: cover; border: 1px solid #ccc; border-radius: 3px; margin-top: 7px; width: 250px; height: 250px; } .cropit-preview-image-container { cursor: move; } .image-size-label { margin-top: 10px; } input, .export { display: block; } button { margin-top: 10px; } </style> </head> <body> <form class='form-horizontal' method='post' action='atualizaDados.php?acao=ativa&email=$recebeEmail' id='validaAcesso' enctype='multipart/form-data'> <div class="image-editor"> <input type="file" name='fotouser' class="cropit-image-input"> <div class="cropit-preview"></div> <div class="image-size-label"> Resize image </div> <input type="range" class="cropit-image-zoom-input"> <button class="rotate-ccw">Rotate counterclockwise</button> <button class="rotate-cw">Rotate clockwise</button> <button type='submit' class="export btn btn-default">Export</button> </div> </form> <script> $(function() { $('.image-editor').cropit({ imageState: { src: '', }, }); $('.rotate-cw').click(function() { $('.image-editor').cropit('rotateCW'); }); $('.rotate-ccw').click(function() { $('.image-editor').cropit('rotateCCW'); }); $('.export').click(function() { var imageData = $('.image-editor').cropit('export'); }); $imageCropper.find('.cropit-preview') }); </script> </body> </html>
