文件上传的multipart/form-data属性,你懂吗?区别。actionaction表示请求的url地址,定义在表单上。请求的URI可以完整写,也可以斜杠开头,域名端口号会自动拼接。通过nodejs在本地8000端口启动一个服务。当按钮的类型为提交时,点击后默认发送请求。账号:密码:提交这是表单在浏览器中的显示方式。当你在账号密码输入框中输入内容并点击提交按钮时,输入的内容会自动拼接在action参数之后。methodmethod属性指定此HTTP请求的方法。GET参数直接拼接在url后面,POST参数默认形式放在请求体account:Password:submit使用POST请求时,填写信息点击提交按钮,参数不再拼接在url后面,而是放在了正文中,依旧是用&拼接。enctypeenctype决定了POST请求时请求体的编码方式。application/x-www-form-urlencoded不写时的默认属性,使用&分隔参数,使用=分隔键值,字符使用URL编码进行编码,GET请求和POST请求可以使用multipart/form-data并且是主要用于文件上传,用于POST请求nickname:avatar:提交填写信息并选择文件当请求方式改为get时,只上传的文件名拼接在url上,不向服务器发送文件的具体内容。当请求方式为post时,multipart/form-data就有它的作用。根据抓包工具跟踪的HTTP流,在请求报文的Content-Type中,boundary后面有一串字符,用于拼接用户输入和上传的数据以及上传的图片信息以二进制数据的形式。每一项数据都会用两条短横线+bounary=后面的字符隔开,这里是----WebKitFormBoundaryBFUEET96fRvnOc3r,服务端获取数据的时候,通过这个ID可以拦截。以上就是文件上传的multipart/form-data属性的内容。更多关于前端和网络协议的内容可以参考我的其他博文,正在更新中~