常见的文件格式

一、C:\fakepath\新建文本文档.txt [object String]

        实现方式：

    <input onchange="test(this.value)" type="file"></input><script>function test(e){console.log(e,Object.prototype.toString.call(e))}</script>

二、fileMDN

        实现方式：

1.html中<input  id="aaa" type="file"></input><script>const inp = document.getElementById("aaa");inp.onchange= (e) =>{const file = inp.files[0];if(!file){return;}console.log(file)}</script>
2.vue中<div class="upload" @click="uploadFile">上传.log文件进行解析</div>async uploadFile() {const arrFileHandle = await window.showOpenFilePicker({});let fileName = await arrFileHandle[0].getFile();console.log(fileName);}

三、blobMDN

        实现方式：

        将上放第二点获取到的file对象比如为fileName，new Blob([fileName])就可以实现

四、里面有base64格式

        实现方式：

        将上放第二点获取到的file对象比如为fileName，

    oFReader = new FileReader()oFReader.onload = function (oFREvent) {console.log(oFREvent,1,oFREvent.target.result);};oFReader.readAsDataURL(fileName);

四、

  实现方式：

这种格式是用vant的uploader组件获取的，看上去url是个字符串，但可以直接传给后端完成文件上穿，非常神奇。