ReferenceError:无法找到变量:当我调用一个函数时(safari)

时间:2016-11-19 20:14:50

标签: javascript jquery html safari

我有一个错误的错误:

  

ReferenceError:找不到变量:changeImgSize

但这是一个功能。我检查我是否正确插入不同的javascript文件,它似乎没有任何问题。这是我的不同文件。当然,我不会显示整个代码,只是问题所在的部分

的index.html

<!-- JQuery -->
<script src="build/jquery-3.1.0.min.js"></script>

<script src="js/imgManagement.js"></script>
<script src="js/MainFaceTracker.js"></script>
<script>
       $(document).ready(documentIsReady); // 'documentIsReady' in 'no_language.js'
<body>
    <input type="file" accept="image/*" id="input" />
</body>

imgManagement.js

function changeImgSize(img){
    // here i just change the size of the img with proportionality

    return img;
}

var addImgToCanvas = function(img){
    var canvas=$('#canvas');
    img=changeImgSize(img);
    var ctx = canvas.getContext("2d");
    ctx.drawImage(img, 0, 0, img.width, img.height);
};

MainFaceTracker.js

'use strict';
function documentIsReady() {
// All document items are available...
    console.log("documentIsReady");
    new Main(); // Call Main() function
}


var Main = function(){
    console.log('entered- Main');

    var input = document.getElementById('input');
    input.addEventListener('change', handleFiles, false);

    function handleFiles(e) {
        console.log('entered- cameraListener');

        var url = URL.createObjectURL(e.target.files[0]);
        var img = new Image();
        //img.id = 'img';
        img.src = url;

        img.onload = function () {
            console.log('entered- OnLoadImage');

            img=changeImgSize(img); // <-- HERE IS THE ERROR

        };
    }
};

我试图更改我的文件调用顺序仍有错误。我在chrome上测试它并且工作正常

1 个答案:

答案 0 :(得分:0)

删除严格模式并查看错误是否已删除?