input上传图片

标签：fun   type   cti   eve   event   listen   自身   内容   change   

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上传图片

标签：fun   type   cti   eve   event   listen   自身   内容   change   

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