本文共 1111 字,大约阅读时间需要 3 分钟。
'use strict';angular .module('app') .directive('fileUploader', ['$window', function($window) { return { restrict:'AE', scope:{ fileUrl:'=', acceptType:'@', addData:'@', url:'=' }, link:function(scope,elem,attr){ var uploader = angular.element(""); elem.append(uploader); elem.bind("click", function () { uploader[0].click(); }); uploader.bind("change",function(){//当图片选择好后,准备上传时触发 scope.uploadFile(uploader[0].files); }); scope.uploadFile=function(files){//预览图片 var img=angular.element(""); elem.append(img); img[0].src=getFileUrl(uploader[0]);//获得url } function getFileUrl(sourceId){ var url = window.URL.createObjectURL(sourceId.files.item(0)); return url; } } } }]);html