How to upload photo using jQuery Picturecut?

Asked

Viewed 98 times

5

I would like to do upload photo using the example of jQuery Picturecut.

I followed all the guidelines provided by the site installing the folders and setting them to the code, but it is not working on my server. It neither sends nor appears that confirmation window that appears on the website template.

See my code below. 

<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>
javascript jquery upload

  • What error is generating for you? Generate any error in the console?

  • saw that you are using 2 themes (bootstrap and jQuery-UI) you did this purposely?

  • All I used was following the instructions of the link http://picturecut.tuyoshi.com.br/

  • Is there an error? Check your browser console, I believe it may be incompatibility problem between the scripts you are using

  • The plugin link didn’t open here. (, I don’t know how it works to help you.

1 answer

-1

This Cdn from jqueryCut is apparently off the air, at least I couldn’t visualize. Confirm that Cdn is online or you can download the files directly from git

Click here

Browser other questions tagged javascript jquery upload

You are not signed in. Login or sign up in order to post.