文件上传原理
穿越到未来calc
好好生活
展开
-
this指向
目录this:1. 默认绑定规则:2. 隐式绑定规则:谁调用就指向谁;(存在隐式丢失,参数赋值的情况) 隐式规则的例外:3. 显示绑定:call apply bindthis 指向的优先级this的本质就只“建立好的对象的地址” console.log (this === window) //true console.log({} === {}) //false 在函数中 this 也是 window,函数的独立调用,this默认指向windowobj调用,指向obj 闭包:当函数 执行函数的时候,导致原创 2022-06-27 20:30:53 · 521 阅读 · 0 评论 -
文件上传之前端将文件发送给后端服务器(四)
将文件上传给服务器的代码,给按钮 “ 上传到服务器 ” 添加的addEventListener() 事件:在上传服务器的过程中遇见常见的跨域问题:解决跨域问题的三种处理代码:注意需要将解决跨域问题的代码写在导入路由模块的前面,否则仍然会报错:一:二:三:在服务器端的upload 文件夹下面就会有从前端上传的文件:...原创 2022-06-12 18:34:00 · 5735 阅读 · 0 评论 -
文件上传之上传至服务器(三)
把文件传送给服务器,一般有两种方案:FormDtata / BASE64本文使用 FormData,BASE64 后续会更新1. 封装跨域请求,限制文件上传的大小路由函数:基于multiparty 插件实现文件上传处理 & form-data 解析函数:完整后端接口代码:...原创 2022-06-11 21:14:55 · 871 阅读 · 0 评论 -
文件上传之文件大小或者格式等限制的处理(二)
1. 点击文件上传,触发上传文件选择html结构:vue 代码:效果:原创 2022-06-10 20:24:15 · 2718 阅读 · 0 评论 -
文件上传模块之axios二次封装,前后端通信常用的数据格式(一)
简单的准备工作(这里不过多赘述过程,需要读者有vue, node基础):1. 装包,只安装框起来的,其他是 cli 自己创建的2. 搭建node后台,启动后台服务器3. Postman测试接口:4. 后台新建一个upload 文件夹,用来存放前端上传过来的文件Axios 二次封装:客户端Public 目录下,新建js 文件夹,新建instance.js 文件导入包:再新建upload.js 将要实现的功能都在这里实现instance.js 二次封装axios的代码:upload.js 代码:..原创 2022-06-10 17:17:28 · 417 阅读 · 0 评论