DataTransferItem的属性和方法测试实例页面

效果：

拖动图片到输入框中：

代码：

HTML代码：

<p>拖动图片到输入框中：</p>
<p><img src="./mm.jpg"></p>
<p><input id="input"></p>

JS代码：

input.addEventListener('drop', function (event) {
    var items = event.dataTransfer.items || [];
    var start = 0;
    // 遍历并输出items信息
    var step = function () {
        var item = items[start];
        if (!item) return;
        console.log('kind: ' + item.kind + ', type: ' + item.type + '\n');
        item.getAsString(function (str) {
            console.log('\ngetAsString: ' + str);    
        });
        start++;
        step();    
    };
    step();
});