请教jQuery PictureCut怎么用？

skyonehbyc 2018-12-20 12:12:55

相关图片上传的一个东西，感觉挺不错的，可以调大小和编辑啥的，用来收集标准登记照啥的应该不错，http://picturecut.tuyoshi.com.br/docs/#，但是按着安装说明，硬是没弄出来，请教高手，最好能附上完整页面代码，谢谢了，
下面是我的页面代码：

<!DOCTYPE html><!--js,bootstrap,jquery-ui都在上一级目录中，pictrue.cut是下载解组件目录-->

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>文件提交</title>

<link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">

              <script src="../js/jquery-3.3.1.min.js"></script>        

              <script src="../bootstrap/js/bootstrap.min.js"></script>

              <script src="../jquery-ui/jquery-ui.min.js"></script>

              <script src="picture.cut/src/jquery.picture.cut.js"></script>

              <script type="text/javascript">

				$(document).ready(function(){

              	  $("#container_image").PictureCut({

				  Extensions                  : ["jpg","png","gif"],

                  InputOfImageDirectory       : "image",

                  PluginFolderOnServer        : "picture.cut/",

                  FolderOnServer              : "upload/",

                  EnableCrop                  : true,

                  CropWindowStyle             : "Bootstrap",

              });

				});

			</script>



</head>

<body>

<div class="col-lg-8">

          <h4>Choose a image or drag from explorer</h4>

            <div id="container_image"></div>



            <br><br>

  <h4>Popularity</h4>

    <img src="/cypx_test/images/nopic.jpg" class="img-responsive">

  </div>

</body>

</html>