Skip to main content
2 de 3
removeu 112 caracteres do conteúdo
Erlon Charles
  • 5,5mil
  • 11
  • 30
  • 48

Como fazer upload de foto usando o jQuery PictureCut?

Gostaria de fazer upload de foto utilizando o exemplo do Jquery PictureCut.

Segui todas as orientações fornecidas pelo site instalando as pastas e setando elas ao código, porém não está funcionando no meu servidor. Ela nem envia e nem aparece aquela janela de confirmação que aparece no modelo do site.

Veja meu código abaixo.

<html>
<head>

<!-- Última versão CSS compilada e minificada -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- Tema opcional -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<!-- Última versão JavaScript compilada e minificada -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
 
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>        
 
<script type="text/javascript" src="jquery-ui-1.12.1.custom/jquery-ui.min.js"></script>
<script type="text/javascript" src="jquery.picture.cut/src/jquery.picture.cut.js"></script>

</head>

<body>

<div id="container_image">
</div><script>
$("#container_image").PictureCut({
                  InputOfImageDirectory       : "image",
                  PluginFolderOnServer        : "/jquery.picture.cut/",
                  FolderOnServer              : "/uploads/",
                  EnableCrop                  : true,
                  CropWindowStyle             : "Bootstrap"
              });
              
              </script>
</body>
</html>