1.文件上传upload的析源析一些总结

文件上传upload的一些总结

       思考，我们是码解否可以使用 v-model来获取选择的文件呢，hhh，文件答案是析源析微天气源码不行；(注意下面的写法是不允许的)

       在Vue中，使用v-model指令可以将表单输入和应用程序状态进行双向绑定。码解然而，文件元素是析源析一个特殊情况，因为它的码解值是只读的，无法直接通过v-model来绑定。文件如果你想要获取文件路径，析源析你可以使用@change事件监听器来捕获文件选择的码解端口检测源码变化，然后在事件处理程序中更新Vue实例的文件数据。

       备注：为了阻止恶意软件猜测文件路径，析源析该值的码解字符串表示总是以 C:\fakepath 为前缀的文件名，而并不是文件文件的真实路径

       定义input能选择的文件类型，例如：accept=".pdf,短信诈骗源码.zip,.ofd"，属性接受的是一个字符串（唯一文件类型说明符号）可以是 1、一个以英文句号（“.”）开头的合法的不区分大小写的文件名扩展名。例如：.jpg、.pdf 或 .doc；2、一个不带扩展名的反码转源码 MIME 类型字符串

       上表格转自：input type="file" accept=".zip"上传文件响应慢的问题解决办法

       布尔类型，用于表示是否多选...

       上传文件夹input中还存在一个不标准的属性：webkitdirectory，表示存在兼容性，不过大部分都兼容

       在选择文件目录后，该目录及其整个内容层次结构将包含在所选项目集内。可以使用webkitEntries (en-US)属性获取选定的乐尚源码文件系统条目，意思是：文件夹中还有文件夹的多级结构，也能成功选到其中的文件；使用这种方式存在的问题：

       upload组件里面支持拖拽上传，源码封装了一个upload-dragger子组件，主要利用了DragEvent.dataTransfer这个只读属性；在进行拖放操作时，传输的数据。核心代码如下：

       看了一下源码，主要核心代码还是使用的input标签type="file"，主要加上了一些其他的样式，还有文件列表；

       在vueUse库中，存在一个处理文件上传的hooks：useFileDialog

       查看源码发现与核心就是input标签type="file"，与前面第一条很类似，不过封装思路值得学习；

       js新api，window.showOpenFilePicker() js新增了window.showOpenFilePicker()、window.showDirectoryPicker()、window.showSaveFilePicker()等api，兼容性查，慎用；

       其他细节1.中断终止 因为上传是个耗时的任务，用户很可能中途停止，如关闭弹窗、关闭抽屉等，这时候我们需要终止上传；使用action方式的中断方法，调用组件暴露给外部的api

       使用http-request=自定义上传请求的，可以使用AbortController中断