为了账号安全,请及时绑定邮箱和手机立即绑定

如何让input(type="file")选中的图片显示在指定盒子里

如何让input(type="file")选中的图片显示在指定盒子里

泛舟湖上清波郎朗 2019-03-20 11:15:44
查看完整描述

1 回答

?
qq_遁去的一_1

TA贡献1725条经验 获得超7个赞

<input type="file" id="fileElem" multiple="" accept="image/*" onchange="handleFiles(this.files)">

<div id="filegroup"></div>


function handleFiles(files){  

 var image-group= document.getElementById("filegroup");

      for (var i = 0; i < files.length; i++) { 

            var img_box = document.createElement("div");

            img_box.setAttribute("class","file-content");

            var img = document.createElement("img");

            img.src = window.URL.createObjectURL(files[i]);

            img.height = 100;

            img.onload = function() {

                window.URL.revokeObjectURL(this.src);

            }

            img_box.appendChild(img);

            image-group.appendChild(img_box)

        }

}


查看完整回答
反对 回复 2019-04-06
  • 1 回答
  • 0 关注
  • 432 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信