从 Dropzone.js 获取全尺寸图像（不是缩略图尺寸）的数据 URI

Question

我正在使用 Dropzone.js 上传图片。上传图像并检查它时，它给了我这个-

<img data-dz-thumbnail="" alt="AJ-Styles-WWE-2K19-cover-e1533698368369 (1).jpg" src="the_Data_URI">

将鼠标悬停在 src 部分显示图像为 120 X 120 像素，而实际图像为 800 X 450 像素。

我需要对 Dropzone 进行哪些更改才能上传原始大小的图像，而不是缩略图大小。

Answer 1

回调函数是这样的-

Dropzone.options.myDropzone = {
    url: "UploadImages",
    thumbnailWidth: null,
    thumbnailHeight: null,
    init: function() {
        this.on("thumbnail", function(file, dataUrl) {
            $('.dz-image').last().find('img').attr({width: file.width, height: file.height});
        })
    }
};

html-

正文中的表单标记

<form action="UploadImages" class="dropzone" id="myDropzone" enctype="multipart/form-data"></form>

在这部分回调中，宽度属性设置为file.width，高度设置为file.height（即实际上解决了问题）-

$('.dz-image').last().find('img').attr({width: file.width, height: file.height});

现在上传的图片是原始尺寸，而不是缩略图默认的 120 X 120 像素。

从 Dropzone.js 获取全尺寸图像（不是缩略图尺寸）的数据 URI

Get the Data URI of the full sized image (not the thumbnail size) from Dropzone.js

javascript

image

dropzone.js