input-file学习

input - file

<input type="file" id="inputFile"/>

可以通过let file = document.getElementById("inputFile")来获取这个标签。

获得的标签上有一个file.files属性，这个属性是关于上传文件的，由这个属性可以得到一个包含上传文件对象以及对象长度的对象 – 伪数组

通过file.files[0]来获取上传的文件对象

图片预览

地址生成window.URLcreateObjectUrl(文件对象)

let objectURL = window.URLcreateObjectUrl(file.files[0])

可以得到此文件的地址

生成的地址会在浏览器关闭后，自动释放 – 清除

结束生成的文件地址window.URL.revokeObjectURL(objectURL);