码迷,mamicode.com
首页 > 其他好文 > 详细

图片选择器

时间:2016-09-12 21:53:44      阅读:126      评论:0      收藏:0      [点我收藏+]

标签:

    var inp1=document.querySelector("#inp1");
    var form1=document.querySelector(".form1");
    inp1.onchange=function(){
        var fileList=inp1.files;
      for(var i=0;i<fileList.length;i++){
          showImg(fileList[i],form1);
      }
    };
    function showImg(fileItem,form1){
        if(fileItem.type.indexOf("image">-1)){
            var fileReader=new FileReader();
            fileReader.readAsDataURL(fileItem);
            fileReader.onload=function(){
                var img=new Image();
                img.src=fileReader.result;
                form1.appendChild(img);
            };
        }
    }

  

图片选择器

标签:

原文地址:http://www.cnblogs.com/fearclear/p/5866267.html

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