图片文件常用的两种处理方式二进制与base64字符串

318 阅读1分钟

平时我们处理那些要上传的图片文件,通常会有两种方式,一个是二进制,另一个是base64字符串的方式。 一.二进制方式 1.预览 (1)file表单onchange事件 (2)获取选择的文件this.files[0] (3)把文件生成url路径 URL.createObject() (4)把生成url赋值给img标签src 2.提交FormData(修改请求头、自动处理文件二进制) (1)创建formdata (2)调用append('参数名',file对象) (3)formdata发给服务器

二.base64字符串方式 1.预览 (1)file表单onchange事件 (2)获取文件this.files[0] (3)内置对象FileReader读取文件得到base64 (4)把生成的base64赋值给img标签 src 2.提交 直接提交字符串