Jquery 在gmail设置中浏览裁剪和上传个人资料照片的代码？
有人能推荐GooogleAPI的名称或所需的jquery脚本和文件，以便像在gmail设置中一样浏览裁剪和上传个人资料照片吗 要在gmail中更改个人资料图片，我们点击“更改图片”并获得在模式中上载图片的选项。然后我们浏览图片并对其进行裁剪，然后在模式中上载。在我的申请表中我也需要同样的东西。我试着按照“”来做。一切都很好。但在裁剪过程中，矩形/方形框不会出现。如果我不在模态上做，它的工作就可以了。但因为我必须在模态上做，所以我需要帮助。我正在使用cakephp、jquery-2.1.1、jquery.blockUI-2.66.0、jquery.imgareaselect.pack和jquery-pack 我想知道谷歌是否提供了API来解决这个问题。如果有人能指导我解决我的问题，那将是一个很大的帮助Jquery 在gmail设置中浏览裁剪和上传个人资料照片的代码？,jquery,cakephp,image-uploading,resize-crop,Jquery,Cakephp,Image Uploading,Resize Crop,有人能推荐GooogleAPI的名称或所需的jquery脚本和文件，以便像在gmail设置中一样浏览裁剪和上传个人资料照片吗 要在gmail中更改个人资料图片，我们点击“更改图片”并获得在模式中上载图片的选项。然后我们浏览图片并对其进行裁剪，然后在模式中上载。在我的申请表中我也需要同样的东西。我试着按照“”来做。一切都很好。但在裁剪过程中，矩形/方形框不会出现。如果我不在模态上做，它的工作就可以了。但因为我必须在模态上做，所以我需要帮助。我正在使用cakephp、jquery-2.1.1、jqu
我使用并完成了任务。试试这段代码。这在我的项目中对我很有效。我不会给后端或上传代码，主要目的是打开模式弹出窗口并裁剪图像。包括imageAreaSelect插件提供的所有css和脚本文件
<head>
<script src="jquery.min.js"></script>
<script src="jquery.imgareaselect.min.js"></script>
<script src="jquery.imgareaselect.pack.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="bootstrap.css" />
<link rel="stylesheet" href="imgareaselect-default.css" />
<link rel="stylesheet" href="modal.css" />
<script type="text/javascript">
$(document).ready(function(){
$('#change').click(function(){
$("#myModal").modal('show');
});
$('#myImg').imgAreaSelect();
});
</script>
</head>
<body>
<button id="change">Change Photo</button>
<div id="myModal" class="modal hide fade myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<img src="bitroots.jpg" id="myImg">
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
$（文档）.ready（函数（）{
$（“#更改”）。单击（函数（）{
$（“#myModal”）.modal（'show'）；
});
$（'#myImg'）.imgAreaSelect（）；
});
换照片
接近
保存更改