javascript - Dropzone.js 获取文件URL

Question

我有这个函数，它使用 createobjectURL 生成文件 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 动态设置表单的操作。