Image 插件meme生成器和输入文件出现问题

我尝试集成一个插件 此处演示： js代码和read.me如下：

在服务器端和客户端，如果我直接将图像的url放在html中，它对我很有效

如果我使用 它也可以工作，只是图像不会调整大小以上载。 我对画布非常不好，我根本不知道我是否可以直接在插件代码中处理图像的大小，或者我是否必须在“之前”使用其他函数调整图像的大小？（）

---

非常感谢您的帮助

最后，解决方案是客户端。 这是关于图像大小之前上传。。。没有了。 答案已经存在于上述许多主题中。很抱歉 不管怎样，代码如下：

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

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

                    image.onload = function () {
                        var maxWidth = 500,
                                maxHeight = 500,
                                imageWidth = image.width,
                                imageHeight = image.height;


                        if (imageWidth > imageHeight) {
                            if (imageWidth > maxWidth) {
                                imageHeight *= maxWidth / imageWidth;
                                imageWidth = maxWidth;
                            }
                        }
                        else {
                            if (imageHeight > maxHeight) {
                                imageWidth *= maxHeight / imageHeight;
                                imageHeight = maxHeight;
                            }
                        }

                        var canvas = document.createElement('canvas');
                        canvas.width = imageWidth;
                        canvas.height = imageHeight;
                        image.width = imageWidth;
                        image.height = imageHeight;
                        var ctx = canvas.getContext("2d");
                        ctx.drawImage(this, 0, 0, imageWidth, imageHeight);

                        $('#example').attr('src', canvas.toDataURL(current_file.type));
                    }
                }
                reader.readAsDataURL(input.files[0]);
        }
    }
                    $("#inputfiles").change(function(){
                        readURL(this);
                    });

---

最后，解决方案是客户端。 这是关于图像大小之前上传。。。没有了。 答案已经存在于上述许多主题中。很抱歉 不管怎样，代码如下：

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

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

                    image.onload = function () {
                        var maxWidth = 500,
                                maxHeight = 500,
                                imageWidth = image.width,
                                imageHeight = image.height;


                        if (imageWidth > imageHeight) {
                            if (imageWidth > maxWidth) {
                                imageHeight *= maxWidth / imageWidth;
                                imageWidth = maxWidth;
                            }
                        }
                        else {
                            if (imageHeight > maxHeight) {
                                imageWidth *= maxHeight / imageHeight;
                                imageHeight = maxHeight;
                            }
                        }

                        var canvas = document.createElement('canvas');
                        canvas.width = imageWidth;
                        canvas.height = imageHeight;
                        image.width = imageWidth;
                        image.height = imageHeight;
                        var ctx = canvas.getContext("2d");
                        ctx.drawImage(this, 0, 0, imageWidth, imageHeight);

                        $('#example').attr('src', canvas.toDataURL(current_file.type));
                    }
                }
                reader.readAsDataURL(input.files[0]);
        }
    }
                    $("#inputfiles").change(function(){
                        readURL(this);
                    });

“模因发生器”…嗯。此外，您是否遇到了特定的错误，或者只是问了一个关于如何继续的广泛问题？如果你确实有一个错误，请尽量缩小它发生的范围。“模因生成器”…嗯。此外，您是否遇到了特定的错误，或者只是问了一个关于如何继续的广泛问题？如果您确实有错误，请尽量缩小错误发生的范围。