客户端图像重新调整大小＆amp;上载

Question

我一直在查看所有网络并尝试示例代码，演示，甚至尝试在此处和其他网站上的论坛中推荐的代码片段和片段但我感到茫然我需要做什么。

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

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

有人能指出我正确的方向吗？我已经阅读了一些类似的问题＆＃34;这里发布了堆栈溢出但没有任何帮助。也许我没有找到合适的条款？

此处是我最近使用过的代码，我发现代码并稍微更改了一下但不确定它甚至是我需要的吗？

http://jsfiddle.net/LvsYc/9899/

<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);
    });