Javascript 使用angularjs更新图像标记的图像源

这是HTML

<div class="container">          
      <div class="row">
          <div class="col-md-12">

              <div ng-controller="urlController">

                <input type="text" ng-model="imgUrl" />         

                <button ng-click="viewPath()">View</button>
                <button ng-click="setPath()">Save</button>

                <img ng-src="{{ newUrl }}" />  
              </div>

          </div>
      </div>

说明：

这里我有一个输入标签来放置图像和图像标签的绝对链接，当我按下查看按钮时，图像标签将显示图像

现在有另一个按钮是save，我想执行一个简单的功能，将粘贴在输入框中的链接保存/更新到图像源中。所以下一次如果我按刷新，它会显示链接的图像作为它的源

问题: 如果我粘贴一个本地链接，例如d:\bla.png img src标记表示不安全。 如果我粘贴了一个http链接，它会在图像标记中显示图像，但在按下$scope.newUrl对象的保存按钮时不会保存。因此，如果我按“刷新”，图像将消失

---

需要解决方案，如果有帖子可以一步一步地解释这个过程，那就太好了。

使用ng src而不是src我也试过了……但我的问题不是ng src，你说的刷新是什么意思？您单击了哪个刷新按钮？浏览器一个？是的，浏览器刷新或F5，您的问题是如何存储新URL，以便在刷新页面后保留？使用ng src而不是src我也尝试过…但我的问题不是关于ng src刷新是什么意思？您单击了哪个刷新按钮？浏览器一个？是的，浏览器刷新或刷新，您的问题是如何存储新URL，以便在刷新页面后保留新URL？

var mySettings = angular.module('mySettings',[]);

mySettings.controller('urlController', ['$scope', '$location', '$log', function($scope, $location, $log){

    $scope.imgUrl = '';

    $scope.viewPath = function (){
        $scope.newUrl = $scope.imgUrl;
    }

    $scope.setPath = function () {
        var myPath = $location.path($scope.newUrl);

        $log.info(myPath);
    };