我有一个错误的错误:
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上测试它并且工作正常
答案 0 :(得分:0)
删除严格模式并查看错误是否已删除?