Dropzone.js 用于调整图像大小的 transformFile 函数

问题描述

我按照本教程在我的 Rails 应用中使用 Dropzone.js 实现了拖放图像上传：https://web-crunch.com/posts/rails-drag-drop-active-storage-stimulus-dropzone

现在我还想在上传图像之前将图像大小调整为最大宽度。 Dropzone.js 具有用于此目的的 transformFile 函数，但我还没有设法使其工作。我尝试了以下方法。

当我创建 dropzone 元素时，我声明了一个最大宽度 (resizeWidth)：

function createDropZone(controller) {
  return new Dropzone(controller.element,{
    url: controller.url,headers: controller.headers,maxFiles: controller.maxFiles,maxFilesize: controller.maxFileSize,acceptedFiles: controller.acceptedFiles,addRemoveLinks: controller.addRemoveLinks,resizeWidth: 200,autoQueue: false
  });
}

然后，我在 transformFile 事件侦听器中调用函数 addedfile：

this.dropZone.on("addedfile",file => {
      this.dropZone.options.transformFile(file);
      
      setTimeout(() => {
        file.accepted && createDirectUploadController(this,file).start();
      },500);
    });

然而，控制台上的响应是Uncaught TypeError: Cannot read property 'resizeWidth' of undefined

有人可以帮我吗？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）