Ir para conteúdo

Arquivado

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

Fernando Araujo

Como fazer upload de foto usando o jQuery PictureCut?

Por , em Javascript

Recommended Posts

Fernando Araujo    0

Fernando Araujo
Postado

Boa tarde pessoal,

Gostaria de fazer upload de foto utilizando o exemplo do Jquery PictureCut conforme o link http://picturecut.tuyoshi.com.br/. 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. Onde estou errando? Alguém poderia me ajudar? Agradeço desde já...

<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>

Compartilhar este post

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

Informação importante

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

  Aceito