如何在HTML中顯示圖像，如果我有本地主機對象

該文件保存在本地主機，我試圖將其下載到我的客戶端網站目錄，但我沒有得到任何解決方案。這是我的目標如何在HTML中顯示圖像，如果我有本地主機對象

{link: "/home/company/S…1-eKdj#S0mkzO!3J__google-200x200.7714256da16f.png", name: "Courier", time: "2017-06-20 04:50:50.824948", $$hashKey: "object:3479"}

我想我的本地URL

這裏後給鏈接添加是我的html img標籤的src鏈接：

http://172.16.0.72:8134/pm/home/company/S%E2%80%A61-eKdj#S0mkzO!3J__google-200x200.7714256da16f.png

，但仍是不顯示所需的圖像..

來源

2017-06-19 Prafull Nikose

如果對象是在範圍內，那麼你可以這樣做：

HTML

<img ng-src="{{image.link}}">

的JavaScript

$scope.image = {link: "/home/company/S…1-eKdj#S0mkzO!3J__google-200x200.7714256da16f.png", name: "Courier", time: "2017-06-20 04:50:50.824948", $$hashKey: "object:3479"};

工作代碼：Plunkr

來源

2017-06-19 13:34:58

試試這個下面的方法解決

var myApp = angular.module('myApp',[]); 
 
function MyCtrl($scope) { 
 
    $scope.obj = { 
 
     link: "https://www.w3schools.com/angular/pic_angular.jpg", 
 
     name: "Courier", 
 
     time: "2017-06-20 04:50:50.824948", 
 
     $$hashKey: "object:3479" 
 
    }; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myApp" ng-controller="MyCtrl"> 
 
    <img ng-src="{{obj.link}}" alt="test"> 
 
</div>

希望這是幫助你

來源

2017-06-19 13:39:47

這是我已經提交了相同的答案... –

的鏈接不會開始從「HTTPS：/」或「HTTP：/」，它從開始「/ home /」中並將文件保存在後端服務器上的localhost文件夾中。由於哪個鏈接是/home/company/S...1-eKdj#S0mkzO!3J__google-200x200.7714256da16f.png –

添加' test ' –

如何在HTML中顯示圖像，如果我有本地主機對象

回答

相關問題