上传头像
来源:互联网 发布:弱电工程预算定额软件 编辑:程序博客网 时间:2024/05/29 09:02
<img ng-src="{{personal.avatar}}" ngf-resize="{width: 46, height: 46, quality: .8, type: 'image/*', ratio: '1:2', centerCrop: true, pattern='*', restoreExif: false}" ngf-pattern="'image/*'" ngf-multiple="false" ngf-select="upload($file)">
ng-src 为图片默认显示的路径 ngf-resize重新定义图片大小 quality为质量在0.1-1.0之间可选择 类型为图像类型格
式(如.jpg,.png,.gif *代表全部的类型) 照片比例大小为1:2(不懂什么用处)centerCrop为不符合图片大小中心
裁剪图像 pattern模式,形成图案的格式为全部
$scope.upload = function (file) { var name = file.$ngfName; var newname = name.substr(-4); //substr(-4)截取后四位 var newName = new Date().getTime() + newname; Upload.rename(file, newName); //重新命名 console.log(file); Upload.upload({ //服务端接收 url: imgUrl +"/api/containers/avatars/upload", //url服务器接收的路径 imgurl为一个地址 //上传的同时带的参数 data: {file: file} }).success(function () { $scope.personal.avator = newName; }).error(function () { SweetAlert.swal("", "头像上传失败", "warning"); });};
阅读全文
0 0
- 上传头像
- 上传头像
- 上传头像
- 上传头像
- 头像上传
- 上传头像
- 头像上传
- 头像上传
- 头像上传
- 上传头像
- 上传头像
- 头像上传
- 头像上传
- 上传头像
- 头像上传
- 上传头像
- 上传头像
- 上传头像
- 菱形的制作
- linux 安装nginx
- Hibernate与Mybatis
- sql判断以逗号分隔的字符串中是否包含某个字符串
- Android Studio 中的调试技巧1
- 上传头像
- 网络流24题:最小路径覆盖问题
- Quartus ii 中工程存档(Archive project)及打开
- 工作总结
- 简单的WebRTC示例
- 字符串-全排列
- 欢迎使用CSDN-markdown编辑器
- Linux C++的多线程编程
- 蓝桥杯 Algo_1 区间k大数查询(java)