Javascript 图像缩放在本地工作，但从服务器运行时不起作用

我尝试在加载到浏览器时缩放图像。这是我正在使用的代码-

function importImage(e) {
    var canvas = document.getElementsByTagName('canvas')[0];
    var ctx = canvas.getContext('2d');
    var reader = new FileReader;

    reader.onload = function(event) {
        event.preventDefault();
        var img = new Image;
        img.src = event.target.result;

        img.onload = function() {

        width = img.width;
        height = img.height;        
        var scaleX, scaleY, scale;
        var scaledWidth, scaledHeight;
        scaleX = width / canvas.width;
        scaleY = height / canvas.height;
        scale = scaleX > scaleY ? scaleX : scaleY;
        scaledWidth = width / scale;
        scaledHeight = height / scale;
        ctx.clearRect(0,0, canvas.width, canvas.height);
        ctx.drawImage(img, (canvas.width - scaledWidth) / 2, (canvas.height - scaledHeight) / 2, scaledWidth, scaledHeight);       
        }
    }
    reader.readAsDataURL(e.target.files[0]);
}

---

从本地机器上使用时，它似乎可以正常工作，但从服务器上运行时，扩展不起作用。我想这与我引用实际图像的方式有关，但我不确定。

您是否检查了浏览器开发工具中的JavaScript控制台（在浏览器中按F12键）以查看服务器上是否生成了任何错误？可能是脚本引用问题…浏览器日志中没有服务器错误。dystroy，我正在尝试制作一个html5网页，一旦页面加载，你可以发送一个图像到broswer，并以正确的比例显示。你有没有任何可以分享的错误？抱歉，我已经修复了。谢谢你的回复。这是我的HTML/CSS之间的冲突，上面的缩放算法确实有效。