将图片上传，通过客户端发送请求，服务器接收后对页面进行局部的更新。页面和功能都很简单主要是进行一个练习，是原生的并没有使用jq和封装的Ajax，效果如下：
效果图
前端页面为：
在发送POST请求时，获取的表单数据经拼接后要得经过URL转码，使用encodeURI()进行转码后通过setRequestHeader(header,value)设置请求头的信息后用send()方法发送， 也可通过FormData对象可
以组装一组用XMLHttpRequest发送请求的键/值对， 经过它的数据可以使用 send()方法发送。若发送的表单编码类型为 "multipart/form-data"，则通过FormData传输的数据格式和表单通过submit() 方法传输的数据格式相同，比第一种方法要简单得多。想了解更多可看 FormData手册：https://developer.mozilla.org/zhCN/docs/Web/API/FormData/Using_FormData_Objects
，
服务器的实现和业务逻辑：
希望路过的大佬不要嫌弃，若有不对之处还希望指正为谢！@~@
网友评论