本文主要介绍如何在vue项目中使用web直传方式上传阿里云oss图片,默认读者对vue框架和阿里云oss有一定的了解,整体的流程是加载好阿里云sdk -> 初始化上传客户端client -> 等待文件选择 -> 文件选择进行上传 -> 分发上传结果
使用过程中我碰到以下的坑:
可以直接在html里面加上script标签
<script src="https://gosspublic.alicdn.com/aliyun-oss-sdk-4.3.0.min.js"></script>
组件里我包装了一个异步获取sdk的方法LoadJS,感兴趣的可以看一下
let timer = setInterval(() => { if (window.OSS) { this.init() clearInterval(timer) timer = null this.debug && window.console.log('阿里云oss初始化完成') } else { this.debug && window.console.log('阿里云oss初始化中...') } }, 500)
相关推荐:
JS上传组件FileUpload自定义模板的使用方法_javascript技巧
以上是vue阿里云上传组件详解的详细内容。更多信息请关注PHP中文网其他相关文章!