获取文件URL的Dropzone.js

Question

我有这个函数，它使用createobjectURL生成File URL，当我使用普通的输入文件标记时，它可以工作。

我正在尝试使用dropzone.js实现相同的操作，但是当我拖放文件时，它开始显示上传进度条，尽管我还没有定义任何操作。

如何使用dropzone.js获取URL？

Javascript

function localFileVideoPlayerInit(win) {
    var URL = win.URL || win.webkitURL,
        displayMessage = (function displayMessageInit() {
            return function displayMessage() {
                alert("error");
            };
        }()),

        playSelectedFile = function playSelectedFileInit(event) {
            var file = this.files[0];
            var type = file.type;
            var videoNode = document.querySelector('video');
            var canPlay = videoNode.canPlayType(type);
            canPlay = (canPlay === '' ? 'no' : canPlay);
            if (canPlay === 'no') {
                displayMessage();
            }
        }
};

  var fileURL = URL.createObjectURL(file);
  videoNode.src = fileURL;
},

inputNode = document.querySelector('input');

if (!URL) {
    displayMessage('Your browser is not ' + '<a
             href="http://caniuse.com/bloburls">supported</a>!', true);
    return;
}

    inputNode.addEventListener('change', playSelectedFile, false);
}

HTML

<form action="" class="dropzone">
    <div class="fallback">
        <input name="file" type="file" multiple />
    </div>
</form> 

Answer 1

似乎您必须引用变量fileURL，并使用javascript动态设置表单的操作。