- 使用javascript原生功能实现,点击上传文件,然后再网页上显示出来
1. 初级显示
1.1 准备一个input标签和一个img标签
<input type=file id="file">
<img id="preview" src="">
1.2 js代码如下
// 将上传的图片显示到页面上
function showUpload() {
// 选择文件上传控件
var file = document.querySelector('#file')
var img = document.querySelector('#preview')
// 当用户选择完文件以后
file.onchange = function() {
// 1.创建文件读取对象
var reader = new FileReader()
// 用户选择的文件列表
<