模拟文件拖放并在dropzone.js中上传

Question

我正在为包含dropzone.js元素的网页编写测试工具，我们将其myDropzone ，由$('#my-dropzone')元素表示。

题：

我可以使用javascript模拟将可上传文件拖放到dropzone吗？

我认为（但不确定），这可能需要执行以下操作：

1. 在javascript中创建类似文件的对象，然后
2. 在myDropzone上触发放置事件。

步骤2很容易，但是步骤1涉及创建一个文件状对象（包含实际数据流？），一旦删除该对象就可以实际将其上传。

我试图创建一个空文件，如这个 ，然后使用myDropzone.addFile(...)但因为没有数据有效载荷不会导致上载的文件。

谢谢！

Answer 1

我能够做的是从base64编码的文件（在本例中为图像）创建Blob文件，并将其传递给addFile（），因此它实际上是在模拟删除文件。

dropZone.addFile(base64toBlob(base64FileData, 'image/png'));

其中base64toBlob是：

function base64toBlob(b64Data, contentType, sliceSize) {
    contentType = contentType || '';
    sliceSize = sliceSize || 512;

    var byteCharacters = atob(b64Data);
    var byteArrays = [];

    for (var offset = 0; offset < byteCharacters.length; offset += sliceSize) {
        var slice = byteCharacters.slice(offset, offset + sliceSize);

        var byteNumbers = new Array(slice.length);
        for (var i = 0; i < slice.length; i++) {
            byteNumbers[i] = slice.charCodeAt(i);
        }

        var byteArray = new Uint8Array(byteNumbers);

        byteArrays.push(byteArray);
    }

    var blob = new Blob(byteArrays, {type: contentType});
    return blob;
}

完整演示http://jsfiddle.net/P2dTF/52/