上传前预览图片应该算是一个常见的需求吧。在很多情况下，选择的图片可能不是你想要的，所以你需要在上传前预览一下。JS（在浏览器中）是一种特殊的语言。它没有直接读写磁盘文件的权限。如果要对文件进行操作，必须配合标签，通过该标签获取到的File对象是只读的，无法获取到该文件所在的路径。那么，如何显示预览呢？如果idea不够直接显示路径，那就把图片转成dataURL或者base64代码实现。因为使用原生JS操作DOM太麻烦，下面的例子使用Vue，但是思路和方法是一样的！html部分示例：script部分示例：fileChange(e){//选中的文件列表，如果设置了多选，长度可以大于1constfileList=e.target.files;if(fileList.length===0){this.imgUrl='';返回;}const文件=文件列表[0];//使用FileReader读取文件对象constreader=newFileReader();//读取后得到结果reader.onload=event=>{this.imgUrl=event.target.result;};//将文件对象作为dataURL读入reader.readAsDataURL(file);}效果展示：欢迎转载，转载请注明出处：https://blog.kaguramea.me/arc...
