从S3获取数据在html表示,javascript – 显示从s3获取的图像
发布日期:2022-03-15 11:49:57 浏览次数:21 分类:技术文章

本文共 1022 字,大约阅读时间需要 3 分钟。

您不会“获取”要显示的图像.您只需将图像URL指向它们存储的位置(在您的情况下为S3).所以,而不是拉单个对象,拉取该桶中的文件列表(bucket.listObjects),然后将它们添加到缩略图/图像的源.

$scope.s3Url = 'https://s3-.amazonaws.com/myBucket/';

var bucket = new AWS.S3({params: {Bucket: 'myBucket'}});

bucket.listObjects(function (err, data) {

if (err) {

console.log(err);

} else {

console.log(data);

$scope.allImageData = data.Contents;

}

});

假设这里文件具有读取权限.由于明显的原因,他们将无法访问公共阅读权限.

编辑:根据评论,问题是在页面上加载实际的图像.以下是如何做到这一点:

function myCtrl($scope, $timeout) {

AWS.config.update({

accessKeyId: 'YOUR_ACCESS_TOKEN', secretAccessKey: 'YOUR_SECRET'});

AWS.config.region = "YOUR_REGION";

var bucket = new AWS.S3({params: {Bucket: 'YOUR_BUCKET'}});

bucket.getObject({Key: 'happy-face.jpg'},function(err,file){

$timeout(function(){

$scope.s3url = "data:image/jpeg;base64," + encode(file.Body);

},1);

});

}

function encode(data)

{

var str = data.reduce(function(a,b){ return a+String.fromCharCode(b) },'');

return btoa(str).replace(/.{76}(?=.)/g,'$&\n');

}

从S3获得的数据是字节数组.您需要将其转换为base64编码的数据URI.编码功能从here借来.这是一个jsFiddle,删除了凭据.

转载地址:https://blog.csdn.net/weixin_34596012/article/details/117841541 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:计算机考研能换专业吗,我本科学的是计算机专业,现在想考研,但是想换一个适合自己的专业,和教育方面有关的专业,请问有什么好专业能选择的么?...
下一篇:Android手机按键不灵,手机按键不灵怎么办 手机按键修改教程【详细步骤】

发表评论

最新留言

路过,博主的博客真漂亮。。
[***.116.15.85]2024年03月01日 23时31分22秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章

java require_java正则中的requireEnd和hitEnd 2019-04-21
400错误java_java代码转化成c#代码 报400错误 2019-04-21
java常见对象_Java 常见对象 02 2019-04-21
spring java配置_Spring Java配置要点 2019-04-21
共享内存 java_java - Java客户端-服务器编程:客户端之间的共享内存 - 堆栈内存溢出... 2019-04-21
java布局管理器空布局_Java图形化界面设计——布局管理器之null布局(空布局)... 2019-04-21
java gas station_LeetCode – 774. Minimize Max Distance to Gas Station 2019-04-21
java项目无法加载到tomcat_eclipse+tomcat添加项目进来无法启动tomcat 2019-04-21
后缀树建立 java_实用算法实现-第 8 篇后缀树和后缀数组 [2 最长公共子串] 2019-04-21
java网络编程期末试题_java网络编程面试题【其中一小部分】 2019-04-21
java基金管理系统_【Java GUI】Java GUI基金会 2019-04-21
estore java_estore2 - WEB源码|JSP源码/Java|源代码 - 源码中国 2019-04-21
Java中用switch构造数组_javase(四舍五入、switch、length、构造器、重载与重写)... 2019-04-21
docker 部署java_docker 部署java环境以及常用应用(持续更新) 2019-04-21
jpmml导出java文件_JPMML解析PMML模型并导入数据进行分析生成结果 2019-04-21
java如何做表单校验_微信小程序实现表单校验功能 2019-04-21
php类里面调用函数吗,从PHP类中的另一个函数调用一个函数 2019-04-21
php7 ast,PHP7 的抽象语法树(AST)带来的变化,_PHP_ 少侠科技 2019-04-21
php 去掉json外层 方括号,从 JSON 中删除方括号 - WITHOUT_ARRAY_WRAPPER 选项 2019-04-21
windows 2003 php5.6,GitHub - d93921012/php-5.6-xp-2003: Run PHP 5.6+ on Windows XP and 2003 2019-04-21