图片选择器

Posted 2020-08-08

    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);
            };
        }
    }