ITPub博客

首页 > IT职业 > IT职场 > FileReader遇到Image,,,,,

FileReader遇到Image,,,,,

IT职场 作者:castlight 时间:2021-09-09 09:34:45 0 删除 编辑

   

   

   

createObjectURL

   

   

    function createObjectURL(bolb){//创建

        return window[window.webkitURL ? 'webkitURL':'url']['createObjectURL'](bolb);

    }

    function revokeObjectURL(bolb) {//占用了内存,释放

            return window[window.webkitURL ? 'webkitURL' : 'url']['revokeObjectURL'](bolb);

        }    

    var filesList=document.getElementById('file-list');

    filesList.onchange=function(evnt){

    let  files=event.target.files,

        reader=new FileReader(),

        url=createObjectURL(files[0]);

        if(url){

            if(/image/.test(files[0].type)){

                var img=new Image();

                img.src=url;

                document.body.appendChild(img);

            }

        }

        revokeObjectURL(files[0]);

    }

   


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/1470/viewspace-2804899/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-04-15

  • 博文量
    102
  • 访问量
    1239