好吧就是这样，我的用户系统运行完美，现在在编辑个人资料中，我正在尝试添加更改头像网址选项。
目前它运行良好，但对于页面加载时间等，我希望将普通用户限制在最大300px图像宽度，让我们说大约500px高度，然后调整大小
所以基本上，我只想要一个javascript函数来验证图像的URL（在文本框中输入），如果它超过了我想要的大小，那么用户会收到一条警告，说远程图像太大＆安培;过程就此结束。
我尝试了几种方法，但我没有达到目标，所以任何帮助都会非常感激！
tl; dr：文本框中的用户输入图像＆gt;点击提交按钮＆gt;如果图像超过尺寸我确定＆gt;警报＆amp;结束过程
谢谢！
答案 0 :(得分：2)
只需使用该url创建一个新的Image对象，并在onload事件后检查其宽度和高度属性。
var img = new Image();
img.onload = function(){
alert(img.width);
};
img.src = "http://example.com/avatar.png";
服务器端不需要这样做，但是你应该注意用户可以覆盖它，因为它只在浏览器上完成。
答案 1 :(得分：0)
我认为这是您应该对服务器端代码执行的操作。让页面提交表单，服务器可以获取它并检查大小，然后如果图像太大，服务器应该返回错误。
答案 2 :(得分：0)
这种控制必须在服务器端完成。在表单提交之前，不应使用Javascript来获取图像大小。
如果图像太大，则只丢弃图像并向用户返回错误消息