代码之家  ›  专栏  ›  技术社区  ›  manishk

从Dropzone获取完整大小图像(而不是缩略图大小)的数据URI。js

  •  0
  • manishk  · 技术社区  · 8 年前

    我用的是Dropzone。上传图片。当图片上传后,我检查了一下,它给了我这个-

    <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做什么更改才能上传原始大小的图像,而不是缩略图大小的图像。

    1 回复  |  直到 8 年前
        1
  •  1
  •   manishk    8 年前

    回调函数如下所示-

    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属性设置为 文件宽度 文件身高 (这实际上解决了问题)-

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

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