文件拖拽

文件拖拽
ondragover 拖拽文件进入窗口 (不断执行)
ondragenter 拖拽文件进入窗口 (只执行一次)
ondragleave 拖拽文件离开窗口
ondrop 文件丢到指定区域
必须在ondragover事件中阻止默认事件return false;
文件信息
var oF=ev.dataTransfer.files[0];
oF.name 名字
oF.type 类型
oF.size 大小
oF.lastModifiedDate 修改时间

    1.创建一个读取文件对象
        var reader=new FileReader();
    2.读取方式
        文本方式
            reader.readAsText(oF);
        base64
            reader.readAsDataURL(oF);
    3.读取成功
        reader.onload=function (){
            reader.result;      //读取结果      
        };
    4.读取失败
        onerror
    5.读取完成
        onloadend
    6.开始读取
        onloadstart
    7.读取过程
        onprogress
            ev.loaded
            ev.total
    8.读取中断
        onabort
    9.强制中断
        reader.abort();




文件拖拽




    
    
将文件拖到此区域

你可能感兴趣的:(文件拖拽)