Javascript 客户端映像重新调整大小&；上传

我一直在浏览所有的网页，尝试示例代码、演示，甚至尝试获取论坛和其他网站上推荐的代码片段，但我不知道我需要做什么

我正在尝试将一个工作上传脚本/表单构建到我的图像脚本中。我需要它将上传的图像大小调整到我允许的最小大小，例如，任何大于1200px的宽或高都将设置为1200px，无论哪个维度更长、宽或高

从那里我相信我可以添加创建缩略图，但我真的需要了解它是如何工作的。我只是运气不好

谁能给我指出正确的方向吗？我已经阅读了一些在stack overflow上发布的“类似问题”，但没有任何帮助。也许我没有找到合适的术语

这也是我最近使用的代码，我找到了代码并做了一些修改，但不确定它是否是我所需要的

函数readURL（输入）{
if（input.files&&input.files[0]）{
var reader=new FileReader（）；
reader.onload=函数（e）{
$（'#blah'）.attr（'src'，e.target.result）；
}
reader.readAsDataURL（input.files[0]）；
}
}
$（“#imgInp”）.change（函数（）{
readURL（this）；
});

这是一个很好的教程，介绍您要做的事情。不幸的是，本机调整大小会大大降低图像质量。如果你想自己开发一个方法，你可以看看如何调整画布元素的大小，以及如何将画布元素输出到图像中。谢谢@wackozacko，我现在就来看看。这是一个关于你想做什么的好教程。不幸的是，本机调整大小会大大降低图像质量。如果你想自己开发一个方法，你可以看看如何调整画布元素的大小，以及如何将画布元素输出到图像中。谢谢@wackozacko，我现在就来看看。

<form id="form1" runat="server">
        <input type='file' id="imgInp" />
        <img id="blah" src="#" alt="your image" />
    </form>

function readURL(input) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();

            reader.onload = function (e) {
                $('#blah').attr('src', e.target.result);
            }

            reader.readAsDataURL(input.files[0]);
        }
    }

    $("#imgInp").change(function(){
        readURL(this);
    });