ajax选择图片后上传,Ajax练习—进行图片上传并更改

将图片上传，通过客户端发送请求，服务器接收后对页面进行局部的更新。页面和功能都很简单主要是进行一个练习，是原生的并没有使用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

，

服务器的实现和业务逻辑：

希望路过的大佬不要嫌弃，若有不对之处还希望指正为谢！@~@