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
};
}
};
私のファイルの呼び出しの順序を変更しようとしましたが、まだエラーがあります。私はそれをクロームでテストしたところ、うまく動作します。
これらのファイルに示されているコードは、外部関数でラップされていますか? – charlietfl
'MainFaceTracker.js'が主な機能であり、他のすべての関数を呼び出します – Hearner
表示されていない外部ラッピング関数がある場合は答えません。スコープの問題がありますが、表示されているものは何もありません – charlietfl