angularjs图片上传后不刷新的解决办法
2015-07-24 16:50
603 查看
刚接触angularjs在使用的过程中遇到这个问题
首先我们的图片地址是根据ID来获取的,所以用了指令来完成图片的绑定
但是这样的话上传图片后如果不刷新页面的话图片地址是不会更新的,解决方法是用一个$scope变量来记录是否显示图片,这样在更新这个变量后就会刷新图片了
首先我们的图片地址是根据ID来获取的,所以用了指令来完成图片的绑定
.directive("cImg", ['appUrl', function (appUrl) { return { restrict: 'A', link: function (scope, element, attrs) { var url = appUrl+ "/GetImgUrl"; var para = { id: attrs.id}; scope.baseService.post(url, para, function (data) { $(element).attr("src", data.d); }); } }; }])
<img c-img id="{{id}}" width="200" height="120" alt="">
但是这样的话上传图片后如果不刷新页面的话图片地址是不会更新的,解决方法是用一个$scope变量来记录是否显示图片,这样在更新这个变量后就会刷新图片了
<img ng-if="IsShowImg" c-img id="{{id}}" width="200" height="120" alt="">
function () { var url = url+ "/up_load"; //上传之前设置为false 隐藏图片 $scope.IsShowImg=false; $scope.baseService.post(url, {}, function (data) { //上传成功后显示图片 $scope.IsShowImg = true; }); }
相关文章推荐
- AngularJS 的表单验证
- AngularJS学习笔记(三)
- AngularJS学习笔记(一)
- angularjs——依赖注入
- 初识angularjs
- Angular的一些知识点
- angularjs的双向数据绑定
- angularJS常用指令
- 【js类库AngularJs】web前端的mvc框架angularjs之hello world
- AngularJS的学习--$on、$emit和$broadcast的使用
- Angular2 Router
- AngularJS笔记
- AngularJS学习笔记(一)
- AngularJS学习笔记(一)
- angular 指令——时钟范例
- AngularJs创建服务
- AngularJS 基础入门(指令篇)
- angularjs自定义标签
- AngularJs 学习笔记-案例
- 基于Karma,Jasmine的AngularJS,RequireJS单元测试配置笔记