<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中它的一些新东西我可以得到任何帮助
我想预览用户上传的图片,图片标签带有相同的输入标签
答案 0 :(得分:4)
没有。 Web浏览器会阻止它的安全性。