$(...)。Jcrop不是函数

时间:2018-11-19 11:43:35

标签: javascript jquery jcrop

我已阅读

上的文章
  

'$(...)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]);
        }
    }
});

1 个答案:

答案 0 :(得分:0)

问题是我在页脚处运行了另一个jquery脚本实例,这引发了错误。抱歉造成混乱。