input添加照片

2017-12-22 18:48:24来源:CSDN作者:chaoyangsun人点击

分享

在HTML表单中,可以上传文件的唯一控件就是<input type=”file”>
js实现如下:

    let fileDom = document.querySelector("input[type=file]");      //监听change事件      fileDom.addEventListener("change", function(event) {        //获取上传的图片信息        let file = event.target.files[0];        //创建读写器        let fr = new FileReader();        fr.onload = function() {          //最终结果          let newImg = fr.result;          console.log(newImg);          let img = new Image();          img.src = newImg;          document.body.appendChild(img);        }        //数据写入形式        fr.readAsDataURL(file);      })

最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台