2015-12-17 2 views
0

Здесь я хотел бы четко объяснить свою проблему. Am не может отображать изображение, используя от angularJS пути от Json и изображения, хранящегося в локальной папкеНевозможно отобразить изображение с помощью пути AngularJS от JSON

HTML

<div controller="canController"> 
<tr ng-repeat="can in canList"> 
    <td>{{can.can_name}}</td> 
    <td><img ng-src="{{can.can_path}}" alt="{{can.can_name}}"></td> 
</tr> 
</div> 

canController.js

$http.get('/auth/canUploadList').success(function(response){ 
      $scope.canList = response; 
      console.log($scope.canList); 
     }); 

JSON:

[ 
{ 
_id: "5672747ab0c1a0841314bf76", 
can_path: "uploads/1450341498134-Bisleri.jpg", 
can_name: "Hapserve", 
__v: 0, 
date: "2015-12-17T08:38:18.149Z" 
}, 
{ 
_id: "56728c05a14c24701299fb52", 
can_path: "uploads/1450347525373-Kinley.png", 
can_name: "Kinley", 
__v: 0, 
date: "2015-12-17T10:18:45.397Z" 
} 
] 

Получение: output_image

Помоги мне разобраться с этой проблемой

Обновлено:

router.get('/canUploadList', function(req, res){ 
     Can.find(function(err, docs){ 
      res.json(docs); 
     }); 
    }); 



router.post('/canUpload', upload.single('can_image'), function(req, res, next) { 
     console.log(req.body); 
     console.log(req.file); 
     var newCan = Can(); 
     newCan.can_name = req.body.can_name; 
     newCan.can_path = 'uploads/' + req.file.filename; 
     console.log(newCan.can_path); 
     newCan.save(function(err, docs){ 
      if(err) 
       throw err; 
      else 
       res.redirect('/auth/canUpload'); 
     }); 
    }); 

ответ

1
<td><img ng-show="{{can.can_path}}" alt="{{can.can_name}}"></td> 

к

<td><img ng-src="{{can.can_path}}" alt="{{can.can_name}}"></td> 

попробовать это. изменение ng-showng-src

+0

Я пробовал оба, но все же он показывает то же самое – Nodemon

+0

вы можете попробовать и посмотреть, откроется ли изображение в браузере. перекрещивать его не сломал – virendrao

+0

Да, не открыв в браузере – Nodemon

Смежные вопросы