是否可以通过输入类型文件获取用户上传图像的完整路径

时间:2015-09-03 16:05:01

标签: angularjs file-upload

  <div id="image-preview">
    <input type='file'  data-ng-file-select  onchange="scope.setFile(this)" id="imgInp">
        {{theFile.name}}
    <img id="blah" src="{{imgeSrc}}" alt="Upload your picture" />

    </br>

    </div>

window.scope = $scope;
    $scope.name = 'Superhero';

    $scope.setFile = function (element) {
        $scope.$apply(function () {
            $scope.file = element.files[0];
            //$scope.file = (element.srcElement || element.target).files[0];
            console.log($scope.file);

        });
    };
/*for image upload*/
#image-preview {
    width: 465px;
    height: 250px;
    position: relative;
    overflow: hidden;
    background-color: #FFFFFF;
    color: #5D5E5E;
    margin-top:10px;
    border: dotted 3px #bdc3c7;
}
#imgInp {
    line-height: 200px;
    font-size: 200px;
    position: absolute;
    opacity: 0;
    z-index: 10;
  }
 #blah {
    position: absolute;
    z-index: 5;
    opacity: 0.8;
    cursor: pointer;
    background-color: #FFFFFF;
    width: 465px;
    height:250px;
    font-size: 20px;
    line-height: 50px;
    text-transform: uppercase;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
  }
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js"></script>
<div id="image-preview">
 
    
    <input type='file'  data-ng-file-select  onchange="scope.setFile(this)" id="imgInp">
            
    
    {{theFile.name}}
        
    
    
 <img id="blah" src="{{imgeSrc}}" alt="Upload your picture" />
       

  </div>

这是我为角度js做的事情,我有我的控制器,我写了

现在我能够获得文件名,但我想知道是否有可能获得我在php中知道的那个图像的完整路径但在angularjs中它的一些新东西我可以得到任何帮助

我想预览用户上传的图片,图片标签带有相同的输入标签

1 个答案:

答案 0 :(得分:4)

没有。 Web浏览器会阻止它的安全性。