从服务器检索上传的图像
retrieve uploaded images from the server
我已经可以将一些图片上传到服务器了,实际上我是这样将图片保存给我的用户的:
foto: { name: String, img: String, contentType: String },
所以当我执行获取请求时,在 angular 我执行 ng-repeat 以获取所有用户,我想显示与用户相关的图像。
获取请求:
$http.get('http://localhost:8080/lojas')
.success(function (data) {
$scope.lojas = data;
})
.error(function (statusText) {
$scope.lojas = [];
});
这里我得到了所有的数据甚至是路径,但是我怎样才能在这里访问图像?
以静态方式提供您的资源文件(图像、js、css、...)。
最好这样做,将它们放在一个子目录中,然后在 server.listen
之前添加
app.use(express.static(__dirname + '/upload'));
(假设 upload 是包含静态文件的文件夹的名称)
如果图片不是用绝对路径保存的,需要在路径名前加上"window.location.href"
:
<img ng-src="{{window.localtion.href+data.path}}">
我已经可以将一些图片上传到服务器了,实际上我是这样将图片保存给我的用户的:
foto: { name: String, img: String, contentType: String },
所以当我执行获取请求时,在 angular 我执行 ng-repeat 以获取所有用户,我想显示与用户相关的图像。
获取请求:
$http.get('http://localhost:8080/lojas')
.success(function (data) {
$scope.lojas = data;
})
.error(function (statusText) {
$scope.lojas = [];
});
这里我得到了所有的数据甚至是路径,但是我怎样才能在这里访问图像?
以静态方式提供您的资源文件(图像、js、css、...)。
最好这样做,将它们放在一个子目录中,然后在 server.listen
之前添加app.use(express.static(__dirname + '/upload'));
(假设 upload 是包含静态文件的文件夹的名称)
如果图片不是用绝对路径保存的,需要在路径名前加上"window.location.href"
:
<img ng-src="{{window.localtion.href+data.path}}">