发表于: 2017-03-22 21:24:37

1 672


今天完成的事情:

input[type=file]添加事件,直接获取文件信息;

fileReader生成image元素预览图片;

创建一个空的FormData对象,然后用append方法逐个添加键值对;

将确认后的图片文件,以添加字段的方式加入到FormData中;

将确认后的图片文件,以添加字段的方式加入到FormData中;

FormDataXHR的方式上传服务器;

阅读angularjs相关文档,学习巩固基础知识;

明天计划的事情:

继续阅读angularjs相关文档,学习巩固基础知识,加深记忆和理解;

用时间研究任务8和任务9未完成的部分;

遇到的问题:

收获:

HTML5 input:file类型增加了一个files集合,其中包含一组File对象,每个对象具有下列属性:name(文件名),size(文件大小),type(文件的MIME类型),lastModifiedData(文件上次修改时间)

FileReader类型实现的是一种异步文件读取机制,其提供了几个方法和几个事件:readAsText(file, encoding),readAsDataURL(file),readAsBinaryString(),readAsArrayBuffer(file)progress,error,load;

对象URL也被称为blob URL,指的是引用保存在FileBlob中数据的URL

FormData类型为序列化表单以及创建与表单格式相同的数据提供了方便,使用其的方便之处就是不必明确地在XHR对象上设置请求头部。XHR对象能够识别传入的数据类型是FormData的实例,并配置适当的头部信息。


返回列表 返回列表
评论

    分享到