发表于: 2017-07-23 23:31:01
1 759
今天完成的事情:
创建一个空的 FormData 对象,然后使用 append() 方法向该对象里添加字段,如下:
var oMyForm = new FormData();
oMyForm.append("username", "Groucho");
oMyForm.append("accountnum", 123456); // 数字123456被立即转换成字符串"123456"
// fileInputElement中已经包含了用户所选择的文件
oMyForm.append("userfile", fileInputElement.files[0]);
var oFileBody = "<a id="a"><b id="b">hey!</b></a>"; // Blob对象包含的文件内容
var oBlob = new Blob([oFileBody], { type: "text/xml"});
oMyForm.append("webmasterfile", oBlob);
var oReq = new XMLHttpRequest();
oReq.open("POST", "http://foo.com/submitform.php");
oReq.send(oMyForm);
angular-file-upload方法:
<input id="ffe" style="display: none" type="file" accept=".jpg,.png,.bmp" "color:#66dd88;">"form-control" nv-file-select=""
uploader="uploader" multiple
ng-click="clearItem()" onchange="angular.element(this).scope().$parent.getUrl(this.files)"
required>
通过input type=“file”上传图片,通过onchange事件获得当图片被上传时该图片的url,并通过ng-click事件触发函数,点击上传时清空待上传图片队列
明天计划的事情:
完成任务10
问题:
暂无
收获:
如何使用angular-file-upload
三元操作符可以使代码更加直观简洁
FileReader 包含了一套完整的事件模型,用于捕获读取文件时的状态,下面这个表格归纳了这些事件。
事件 | 描述 |
---|---|
onabort | 中断时触发 |
onerror | 出错时触发 |
onload | 文件读取成功完成时触发 |
onloadend | 读取完成触发,无论成功或失败 |
onloadstart | 读取开始时触发 |
onprogress | 读取中 |
文件一旦开始读取,无论成功或失败,实例的 result 属性都会被填充。如果读取失败,则 result 的值为 null ,否则即是读取的结果,绝大多数的程序都会在成功读取文件的时候,抓取这个值。
评论