Я прочитал статьи на
'$ (...) Jcrop не является функцией ".
Я гарантировал, что я не включил ссылки Jcrop дважды.
JCrop, кажется, доставляет мне неприятности
Может кто-нибудь, пожалуйста, помогите.
HTML
<link rel="stylesheet" type="text/css" href="styles.css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.Jcrop.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.Jcrop.min.css" />
<div class="profile-pic">
<label>Profile Pic</label>
<input type="file" name="profile_pic" id="profile-pic-input">
<img src="images/volunteer.jpg" id="profile-pic">
</div>
Jquery:
$(document).ready(function(){
$('#profile-pic-input').change(function(){
readURLProfile(this);
});
$('#profile-pic-input').change(function(){
$('#profile-pic').Jcrop();
});
function readURLProfile(input) {
if(input.files&&input.files[0]) {
var reader = new FileReader();
reader.onload=function(e) {
$('#profile-pic').attr('src',e.target.result);
}
reader.readAsDataURL(input.files[0]);
}
}
});