解决阿里云OSS上传文件(如图片)后无法在线预览

最新推荐文章于 2025-10-11 16:28:53 发布

原创最新推荐文章于 2025-10-11 16:28:53 发布 · 7.9k 阅读

19 ·

CC 4.0 BY-SA版权

文章标签：

#阿里云 #云计算

问题专栏收录该内容

6 篇文章

订阅专栏

文章介绍了在使用阿里云OSSSDK进行文件上传时，遇到通过URI直接访问返回错误的情况。问题在于缺少文件类型设置（contentType）和公共读权限。通过在ObjectMetadata中设置contentType，并将metadata设置进请求，以及添加公共读权限（CannedAccessControlList.PublicRead），可以解决无法预览的问题。实测表明，无需绑定自定义域名也能直接预览。

这是参照阿里云oss中sdk简单上传文件流的初始代码

上传成功后我们可以再result.getResponse().getUri()获取到文件uri

但是此时如果我们直接通过浏览器访问该uri，会出现这样的结果

查阅资料后，网上给出的办法是在ObjectMetadata中加入文件的类型

          metadata.setContentType(getcontentType(originalFilename.substring(originalFilename.lastIndexOf("."))));
putObjectRequest.setMetadata(metadata);

//通过该方法快速获取文件类型
public static String getcontentType(String FilenameExtension) {
        if (FilenameExtension.equalsIgnoreCase(".bmp")) {
            return "image/bmp";
        }
        if (FilenameExtension.equalsIgnoreCase(".gif")) {
            return "image/gif";
        }
        if (FilenameExtension.equalsIgnoreCase(".jpeg") ||
                FilenameExtension.equalsIgnoreCase(".jpg") ||
                FilenameExtension.equalsIgnoreCase(".png")) {
            return "image/jpg";
        }
        if (FilenameExtension.equalsIgnoreCase(".html")) {
            return "text/html";
        }
        if (FilenameExtension.equalsIgnoreCase(".txt")) {
            return "text/plain";
        }
        if (FilenameExtension.equalsIgnoreCase(".vsd")) {
            return "application/vnd.visio";
        }
        if (FilenameExtension.equalsIgnoreCase(".pptx") ||
                FilenameExtension.equalsIgnoreCase(".ppt")) {
            return "application/vnd.ms-powerpoint";
        }
        if (FilenameExtension.equalsIgnoreCase(".docx") ||
                FilenameExtension.equalsIgnoreCase(".doc")) {
            return "application/msword";
        }
        if (FilenameExtension.equalsIgnoreCase(".xml")) {
            return "text/xml";
        }
        return "image/jpg";
}

于是改进后代码变成如下所示，就是加入metadata设置contentType，并将metadata设置进requert

但是我按照如下方式设置之后，依旧会出现

最后再次经过查阅后发现是上传的资料没有加入公共读权限

于是再加上以下代码，二者结合

metadata.setObjectAcl(CannedAccessControlList.PublicRead);

得到最终代码

重新上传图片后访问，解决问题（记得重启项目）

有些说法是要绑定自定义域名才能预览，但是我测试不用绑定自定义域名，通过以上两种设置就可以直接预览

解决阿里云OSS上传文件(如图片)后无法在线预览

5 条评论