我读过以下文章


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

最佳答案

问题是我在脚注处运行了另一个jquery脚本实例,这引发了错误。对困惑感到抱歉。

关于javascript - $(…)。Jcrop不是函数,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/53373916/

10-12 13:01