JavaScript中上传文件为图片如何读取（UI组件之图片剪裁器）

Posted 2020-09-14 123默小白

 

//获取上传的文件/图片
function getFile(){
    var files,len;
    var reader = new FileReader();
    var img_type;
    addEvent(selectFile,‘change‘,function(){
        files = this.files;//selectFile为上传文件表单，this.files获取选择的文件
        len = files.length;
        if(len > 0){
            img_type = files[0].type;
            if(/image/.test(img_type)){
                reader.readAsDataURL(files[0]);//读取文件并将文件以数据URL的形式保存在result中
                var img = new Image();
                reader.onload = function(){
                    img.src = reader.result;
                    context.drawImage(img,0,0,width,height);
                }
            }else{
                console.log(‘选择的不是图片‘);
            }
        }else{

            alert(‘未选择文件‘);
        }
    })
}