发表于: 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)"



返回列表 返回列表
评论

    分享到