dropzone.js - dropzone - 改变缩略图大小

Question

我想上传一个文件并根据文件大小设置宽度和高度以适应给定的 div。例如:

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

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

使用 width 600 和 height 300 创建缩略图(通过使用 thumbnailWidth 和 thumbnailHeight 选项)

成功 我收到了文件大小。在示例中，我将图像和 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;
    },