Angular 2+存储和访问动态图像库
Angular 2+存储和访问动态图像库
提问于 2017-07-19 04:06:47
我在这个构建中使用了Angular-cli，它将src文件夹下的所有文件夹编译到构建中。我将图像存储在src下的assets文件夹中：
src |-app |-assets |-img_library
我像这样动态地访问它们：<img src="assets/img_library/{{imgId}}"
不幸的是，这个文件夹被angular-cli编译到构建版本中，所以每次添加镜像时，我都必须重新构建应用程序，以便客户端能够访问它。
我也构建了服务器，这样我就可以将图像存储在我想要的任何地方，但我不知道如何通过img标签访问src上的文件夹。
有没有办法在Angular中访问带有图像标签的src文件夹上面的公共/assets文件夹？
回答 1
Stack Overflow用户
发布于 2017-07-19 10:59:33
@jonrsharpe你是对的，这没有任何意义。assets文件夹用于存放大多数用户经常使用的图像/媒体。我不知道我在想什么，当我需要从后端接近它的时候，我的大脑陷入了角度模式。
我使用了一个快速api：
router.get('/some/api/:id/img.png', function( req, res, next){
var id = req.params.id,
filePath = 'img.png',
root = __dirname + '/some/location/' + id +'/';
var options = {
root: root,
dotfiles: 'deny',
headers: {
'x-timestamp': Date.now(),
'x-sent': true
}
};
res.sendFile(filePath, options, (err) => {
if (err) {
next(err);
} else {
console.log('Sent:', filePath);
}
});
})响应来自<img src='some/api/{{imageId}}/img.png'>的get请求。
希望这对其他睡眠不足的开发者有所帮助。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45176103
复制相关文章
相似问题
腾讯云开发者
