今天完成的事情：

今天用原生js实现了图片的上传、本地预览，ajax发送到服务器。

一开始不知道xhr.open()的第二个参数url部分该填什么，后来又翻了翻书，问了雪峰后才知道这种情况该找原型、接口文档，之后填入了“/a/u/img/task”，结果还是不行，雪峰去看了看他自己的文件，发现原来是前面少了“/carrots-admin-ajax”。这种问题不是第一次遇到了，自己对接口这一块始终是知其然不知其所以然的状态，基本上都是蒙，蒙对了就对了，错了也不知道哪里的问题。

明天计划的事情：

把原生方法替换成angularjs，并把上传文件名字、进度、大小等信息展示到页面上。

遇到的问题：

使用ajax上传图片时遇到了个问题就是无法获取到文件。

因为按我的方法取文件，然后把它console.log()出来，结果发现是undefined。

后来经过 各种尝试后发现是少加了一个files，获取途径应该是

var file = document.querySelector("#file2").files[0];

这样获取到数据后再把它append进formData中，再把formData发送出去。

收获：

今天董瑞的小课堂讲的是强缓存和协商缓存。

缓存有着减少对服务器请求次数，加强用户体验等很多优点，但有些时候需要确保数据得到及时更新。

所以就有了last-modified、if-modified-since和etag等通过时间或版本号检测数据是否最新的方法，这些都是放在请求头内传给服务器的。另外开发者也可以通过catch-control来控制是否缓存。