84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
<input type="file" id="file" accept="image/gif, image/jpeg, image/png">
HTML 代码的结构如下。 在这种情况下,如果输入中没有输入比例为1:1的图像,我想通过JavaScript移动到另一个页面。
您基本上需要为输入添加一个处理程序,并检查 height/width === 1 ,您可以使用此函数来验证它:
height/width === 1
const fileUpload = document.getElementById("file"); function validateImage(target) { const reader = new FileReader(); reader.readAsDataURL(fileUpload.files[0]); reader.onload = function (e) { const image = new Image(); image.src = e.target.result; image.onload = function () { const height = this.height; const width = this.width; if (height / width !== 1) { console.log("ASPECT RATIO NOT 1:1"); window.location.href = "#otherpage"; // redirect return false; } // do nothing return true; }; }; }
您基本上需要为输入添加一个处理程序,并检查
height/width === 1
,您可以使用此函数来验证它: