Javascript Dropzone.js以获取文件URL

我有这个函数，它使用createobjectURL生成文件URL，并在使用普通输入文件标记时工作

我试图使用dropzone.js实现同样的功能，但是当我删除文件时，它就会启动 显示上载进度条，尽管我还没有定义任何操作

如何使用dropzone.js获取URL

Javascript

函数localFileVideoPlayerInit（win）{
var URL=win.URL | | win.webkitURL，
displayMessage=（函数displayMessageInit（）{
返回函数displayMessage（）{
警报（“错误”）；
};
}()),
playSelectedFile=函数playSelectedFileInit（事件）{
var file=this.files[0]；
var type=file.type；
var videoNode=document.querySelector（'video'）；
var canPlay=videoNode.canPlayType（类型）；
canPlay=（canPlay==“”？“否”：canPlay）；
如果（canPlay==‘否’）{
displayMessage（）；
}
}
};
var fileURL=URL.createObjectURL（文件）；
videoNode.src=文件URL；
},
inputNode=document.querySelector（'input'）；
如果（！URL）{
displayMessage（'您的浏览器不是'+'！'，true）；
返回；
}
inputNode.addEventListener（'change'，playSelectedFile，false）；
}

HTML

似乎您必须引用变量

fileURL

，并使用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);
}

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