码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2017-04-25 23:33:59      阅读:223      评论:0      收藏:0      [点我收藏+]

标签:length   file   ctf   class   his   get   图片剪裁   dev   context   

 

//获取上传的文件/图片
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(‘未选择文件‘);
        }
    })
}

 

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

标签:length   file   ctf   class   his   get   图片剪裁   dev   context   

原文地址:http://www.cnblogs.com/deerfig/p/6764921.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!