2016-11-19 13 views
0

を呼び出すとき、私は休閑エラーがあります。のReferenceErrorは:変数を見つけることができません:私は、関数(サファリ)

ReferenceError: Can't find variable: 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 

     }; 
    } 
}; 

私のファイルの呼び出しの順序を変更しようとしましたが、まだエラーがあります。私はそれをクロームでテストしたところ、うまく動作します。

+0

これらのファイルに示されているコードは、外部関数でラップされていますか? – charlietfl

+0

'MainFaceTracker.js'が主な機能であり、他のすべての関数を呼び出します – Hearner

+0

表示されていない外部ラッピング関数がある場合は答えません。スコープの問題がありますが、表示されているものは何もありません – charlietfl

答えて

0

厳密モードを削除し、エラーが削除されているかどうかを確認しますか?

関連する問題