发表于: 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 ,否则即是读取的结果,绝大多数的程序都会在成功读取文件的时候,抓取这个值。



返回列表 返回列表
评论

    分享到