Question

我想上传一个文件并设置宽度和高度以适合给定的div，具体取决于文件大小。 e.g：

div size: width: 600px, height: 300px

img size: width: 1200px, height: 400px

使用width 600和height 300创建拇指（使用thumbnailWidth和thumbnailHeight选项）

on success我收到了文件大小。在示例的情况下，我让图像的宽度和div为600px，但我想将高度更改为200（这样图像不会变形）

我现在的问题是图像src（数据）仍然具有300px的宽度

任何想法如何解决？谢谢！

Answer 1

像这样更改调整大小的功能：

https://github.com/enyo/dropzone/issues/236

,
    resize: function(file) {
        var info;

        // drawImage(image, srcX, srcY, srcWidth, srcHeight, trgX, trgY, trgWidth, trgHeight) takes an image, clips it to
        // the rectangle (srcX, srcY, srcWidth, srcHeight), scales it to dimensions (trgWidth, trgHeight), and draws it
        // on the canvas at coordinates (trgX, trgY).
        info = {
            srcX:0,
            srcY:0,
            srcWidth: file.width,
            srcHeight: file.height,
            trgX:0,
            trgY:0,
            trgWidth: this.options.thumbnailWidth,
            trgHeight: parseInt(this.options.thumbnailWidth * file.height / file.width)
        }

        return info;
    },

dropzone - 更改缩略图大小

1 个答案: