发表于: 2017-04-17 23:34:34
2 1156
今天完成的事情:用原生实现了图片的预利用官方的实例,做出来图片上传
明天计划的事情:弄懂官方的实例
遇到的问题:
input type='file'的默认样式很丑,还不好改:用lael标签关联起来,并将input display:none;
听说任务9只要半天就能写完,虽然有一百多行代码,即使官方的代码有很多地方没看懂,但真的只是要半天就能写完了。
directive、factory的用法不熟悉,需要学习。
收获:
FileReader对象的方法,要实现预览,首先要定义一个FileReader对象实例,再使用FileReader的方法readAsDataURL(),最后将图片加载到img标签的src属性中
formdata的使用:
创建一个formdata对象,再用append方法添加键值对。
var fd = new FormData();
fd.append("file", $scope.file);
萝卜多的图片上传url是:
/carrots-admin-ajax/a/u/img/MultipartFile
像这种带u的一般是需要账号和密码的
在input上添加js类的事件再绑定到angular事件上:
onchange = "angular.element(this).scope().imgUpload(this.files)"
评论