Input选择图片并上传后预览该图片只要这个标签能实现上传的能力，但是这个标签的样式是固定的，所以一般通过css让其样式

<input type="file"/>

只要这个标签能实现上传的能力，但是这个标签的样式是固定的，所以一般通过css让其样式display：none不显示，再通过绑定事件触发input标签的click事件，从而弹出选框，再给input添加change事件，也是选择文件按确认后的事件，获取event.target获取文件信息event.target.files[0]获取文件信息，假如是图片的话是获取不到图片的url,此时可以通过

//转换src
windowURL.createObjectURL(event.target.files[0])

var fr = new FileReader()
fr.readAsDataURL(event.target.files[0])
fr.onload = function (){
//获取src
    src = this.result
}

获取图片的url的方式。

input,type='file',另外还有一个比较重要的，accept也就是接受上传的类型，image/*，就是只接受图片格式的上传文件