图片预览与图片通过预留接口上传

提示：图片预览与图片通过预留接口上传的笔记

---

图片前端预览:

前提：通过input[type=file]让用户选择文件，通过事件对象.target.files拿到用户选择的"文件对象""
预览：img标签的src属性的值（base64字符串/图片链接地址)

1. 情况1：文件转成图片base64字符串:new FileReader()
   给src属性赋予base64字符串（图片数据转base64字符串)，特点以data:image/png;base64,开头
2. 情况2：文件转成图片链接地址:URL.createObjURL(文件)
   注意：它的地址只能在前端使用

图片传给后台：

需求：把用户选择的文件发给后台保存在服务器上

1. 情况1：文件转成图片base64字符串，传递给后台
2. 情况2：用new FormData()表单数据直接装文件本身，直接传递给后台

详细解释点击该处