博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Angularjs上传图片预览--关键代码
阅读量:4096 次
发布时间:2019-05-25

本文共 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

        

你可能感兴趣的文章
python2.7下input()函数输入参数
查看>>
windows下添加环境变量
查看>>
windows下安装python包pip时出错DEPRECATION解决
查看>>
pip install 各种包时出现报asciii码错误的问题
查看>>
实现一个简单的python小脚本的一些必要步骤
查看>>
python2.7中print(end=' ')不能用?
查看>>
php+nginx环境配置
查看>>
nginx:403 forbidden 的解决办法
查看>>
安装php7+nginx所遇到的一些问题及解决办法
查看>>
php启动出现Cannot bind/listen socket等问题
查看>>
php7+nginx下安装mysql5.7出现的一些问题及解决/以及一些mysql常用方法
查看>>
多益网络前端面试反思题
查看>>
高效的利用pandas读取多个sheet的excel文件
查看>>
excel宏设置之一键生成多张sheet并写入内容与格式
查看>>
Django model中的 class Meta 详解
查看>>
mysql历史拉链表
查看>>
python查询数据库后生成excel
查看>>
大文件分组上传以及进度条
查看>>
python字符串与时间互相转换
查看>>
HttpResponse和HttpResquest与会话技术
查看>>