AWS S3 - 以 HTML 格式显示图像答案

【问题标题】：AWS S3 - Display image in HTMLAWS S3 - 以 HTML 格式显示图像
【发布时间】：2017-09-12 08:28:09
【问题描述】：

我似乎无法弄清楚为什么我在 AWS 中的图像没有显示在我的 HTML 中。我只是在右上角显示一个带有小图标的白色图像，指出没有找到图像（也没有 alt 属性）。

如果这是图片的 URL：

https://s3.amazonaws.com/mng-moment/test/PA/40.0103647%2C-75.2625353_1492304397972.jpg

那么img src不应该是

https://s3.amazonaws.com/mng-moment/test/PA/40.0103647,-75.2625353_1492304397972.jpg

我也尝试过精确匹配 URL。我试图在 HTML 中准确打印出 img src 中的内容。我试图把扩展和其他杂项一起取出。

我对此进行了一些研究，似乎我做得对，但显然我不是。知道这里有什么问题吗？

感谢所有帮助。

编辑：

这是我创建要上传的对象的代码：

        var blob = new Blob([dataURItoBlob(picture)], {type: 'image/jpg'});
        var file = new File([blob], moment.location);
        return core.upload(moment.key, moment);

【问题讨论】：

我刚刚尝试了您的第二个链接。文件已下载，但内容不是 JPG 图片。
哦，这很有趣。我不知道你可以从链接下载它。当我点击它时，我得到一个 noSuchKey 错误。
等等，没关系，我知道为什么。我正在玩它，我删除了文件。
您的对象键包含 ',' 不在安全字符列表中（检查以下链接）。你能上传一个简单名称的文件并检查它是否可以访问吗？ docs.aws.amazon.com/AmazonS3/latest/dev/UsingMetadata.html
有趣，我不知道有一个安全字符列表。我用'_'替换了逗号，但是我仍然无法显示它。

标签： html image amazon-web-services ionic-framework amazon-s3

【解决方案1】：

我想通了。就是这个东西：

    var blob = new Blob([dataURItoBlob(picture)], {type: 'image/jpg'});
    var file = new File([blob], moment.location);
    return core.upload(moment.key, moment);

即使我在创建文件时遇到了麻烦，我也愚蠢地没有将文件传递到我的上传函数中。这一定是我犯的重构错误。

【讨论】：