首页 > Web开发 > 详细

input上传图片

时间:2017-12-01 19:22:26      阅读:252      评论:0      收藏:0      [点我收藏+]

1.通过input自身的onchange事件触发:

<input id="file" type="file" accept="image/*" onchange=‘changeFile()‘>
changeFile: function () {
  let myFile = document.getElementById(‘file‘).files[0] // 获取图片内容
}

2.通过事件绑定触发:

<input id="file" type="file" accept="image/*">
changeFile: function () {
  let file = document.getElementById(‘file‘)
  file.addEventListener(‘change‘, function () {
    let myFile = file.files[0] // 获取图片内容
  })
}
changeFile()
 

 

 

 

input上传图片

原文:http://www.cnblogs.com/wangqiao170/p/7943915.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!