zoukankan      html  css  js  c++  java
  • 阿里云-文件预览

    测试阿里云文档预览

       本文记录调研阿里云文档预览的过程,由于项目需求要预览7种甚至更多的文件类型,对于pdf来说通过就相对于比较简单了,但是对于PPT、doc等文件没有很好的方案。微软的文件预览能够支持office的所有格式,但是它需要的文件url必须为公共的,所以对于用户上传文件的私密性是不能得到保障的,所以最终考虑使用阿里云的文件预览,可支持多达48种格式的文件。

      点击这里查看文档

      对象存储OSS准备

      要使用阿里云的文档预览的服务,必须要使用OSS进行文件存储。

    • 登录阿里云,如果没有账号请前往此处进行注册 
    • 进入后,选择产品分类 -> 存储服务 -> 对象存储OSS (若官网变动,请进入产品与服务后直接搜索) 
    • 点击进入详情页,点击立即开通,会提示需要进行实名,实名认证后开通服务。
    • 会跳转到个人控制台,查看已开通的云产品,点击进入对象存储OSS,如下图

          

    • 创建Bucket(用来存储文件的空间)

         设置Bucket的名称、区域、其他的测试不需要可以不开通,根据具体业务选择。权限默认为私有,在访问链接是需要进行身份验证,如下图的参数必须传入才能访问。公共读可对文件进行匿名读,但是对写进行身份验证。公共读写,任何人可进行读写,风险高不推荐使用,如果只是为了测试开启公共读就行。创建成功后进入Bucket列表,点击已创建的列表。

    • 上传文件

        选择文件管理,最好创建一个文件夹,如果类型多的话能更好的区分。然后进入文件夹上传文件。上传后点击文件后的更多,可根据需要进行文件的权限进行设置,我设置了文件公共读权限。

      智能媒体管理(IMM)准备

      要进行文档预览需要开通智能媒体管理(IIMM),它提供了文档预览、人脸检测、二维码识别、内容识别四种服务。

    • 进入产品 -> 存储CDN -> 智能媒体管理(IMM)
    • 点击进入详情页,开通服务,开通后自动跳转到控制台。
    • 新建一个项目,如下图

        

    • 控制台进入IMM,会默认检查该是否有该角色权限,会弹出提示框,点击授权,如下图  

        

      一键配置打通OSS

    • 进入OSS -> Bucket列表 -> 进入之前创建的Bucket -> 选择左侧数据处理 -> 智能媒体

        

    • 点击设置,绑定项目。

      预览文件

      进入Bucket,点击文件列表,点击文件后的详情,可预览当前文档的内容,点击预览文档可获取文档预览的url,在代码里测试。同时也提供了文件下载的路径。

          

      小结

        本文主要介绍了如何使用阿里云的OSS和IMM进行文档预览的测试调研阶段,后续会继续出具体的代码实现。

      

       

  • 相关阅读:
    node获取请求参数的方法get与post请求
    express框架路由未导出错误:Router.use() requires a middleware function but got a Object
    移动端学习之理解WEB APP、Native APP、Hybrid APP以及React Native/uniapp包括H5、小程序等的区别与共通之处
    微信小程序
    “You may need an appropriate loader to handle this file type”
    vue-cli Cannot find module 'less'
    Node 跨域问题 Access to XMLHttpRequest at 'http://localhost:8080/api/user/login' from origin 'http://localhost:808
    Access denied for user 'root'@'localhost' (using password: YES)
    nrm : 无法加载文件 C:Users......因为在此系统上禁止运行脚本。
    继承树追溯
  • 原文地址:https://www.cnblogs.com/zhoujin-Jojo/p/13610464.html
Copyright © 2011-2022 走看看