如何获取 dropzone 对象元素答案

【问题标题】：How to get dropzone object elements如何获取 dropzone 对象元素
【发布时间】：2015-10-13 13:55:40
【问题描述】：

当使用“处理”方法时

dropzone.on("processing", function(file) {

例如，如果你用

来安慰它

console.log(file)

你会得到

File {upload: Object, status: "uploading", previewElement: div.dz-preview.dz-file-preview.dz-processing, previewTemplate: div.dz-preview.dz-file-preview.dz-processing, accepted: true…}
accepted: true
height: 565
lastModified: 1257514480140
lastModifiedDate: Fri Nov 06 2009 08:34:40 GMT-0500 (Eastern Standard Time)
name: "smiling picture 7.jpg"
previewElement: div.dz-preview.dz-processing.dz-success.dz-complete.dz-image-preview
previewTemplate: div.dz-preview.dz-processing.dz-success.dz-complete.dz-image-preview
processing: true
size: 506340
status: "success"
type: "image/jpeg"
upload: Object
webkitRelativePath: ""
width: 849
xhr: XMLHttpRequest
__proto__: File

所以你会认为你可以使用文件访问任何这些。*

file.name, file['name'] 例如，都按预期返回“微笑图片 7.jpg”。如果您尝试获取高度或宽度，它们都返回“未定义”

所以到那时

Object.keys(file).forEach(function (key) {
  console.log(key);
});

你会得到

upload
status
previewElement
previewTemplate
accepted
processing

所以我的问题是，为什么一切都如此不一致。当您记录整个对象时，它会显示所有内容，当您尝试访问它们工作的一些东西时，有些东西不工作，当您循环对象时，它只记录某些东西。我需要访问高度和宽度，但似乎我不能。

【问题讨论】：

标签： javascript dropzone.js

【解决方案1】：

它并不是一个真正的“答案”，但它是任何需要访问这些属性的人的解决方案。

我不确定为什么有些方法可以正确访问，而有些则不能。如果你使用

dropzone.on("complete", function(file) {

相反，这些属性有效。我宁愿检查添加或处理方法，也不愿在过程结束时检查，但我想这个库有局限性。

【讨论】：