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>

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

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

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

从Dropzone.js获取完整尺寸图像（而非缩略图尺寸）的数据URI

1 个答案: