如何获取dropzone对象元素

时间:2015-10-13 13:55:41

标签: javascript dropzone.js

使用方法"处理"

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"正如所料。如果你试图获得高度或宽度,它们都会返回" undefined"

那么那么做

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

你会得到

upload
status
previewElement
previewTemplate
accepted
processing

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

1 个答案:

答案 0 :(得分:0)

它不是一个真正的答案"但对于需要访问这些属性的任何其他人来说,它都是一种解决方案。

我不确定为什么有些方法可以正常访问,有些则无法访问。如果你使用

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

相反,属性工作。我更愿意检查添加或处理方法,而不是在流程结束时,但我想这个库有局限性。