oss上传文件基本使用


这里是我参考的地址  https://blog.csdn.net/aiguo94/article/details/111832776

他里面有后台可以参考的,我这里只写前端的

下载依赖 cnpm install ali-oss

 html 部分,我这里是用的组件+element对话框+element上传文件功能

 先说一下element的上传文件吧,我遇到的坑,上传文件本身是有自动上传的功能的,也就是一般会调用后台接口,但是oss是需要先在后台拿到一些参数,在上传,所有

action="#" 被我置空,:auto-upload改为"false",auto-upload就是自动上传的参数,具体的可以看一下element的文档,auto-upload改为false就改成手动上传了,所以在选择文件时,想获取到文件的信息,别的事件我用都不好使,只有个 :on-change事件好用,所以我就用的这个,在这个事件里获取了文件的信息,名字,类型,大小等

 这里就是调用接口,取后台给的参数

 官网是这么说的:官网地址 https://help.aliyun.com/document_detail/111268.html?spm=a2c4g.11186623.6.1115.601728476iEKUl

 

 我写的思路表达完毕,现在上完整代码,这里是组件内的,





 这里是引用组件所写的,有点散,我就上图了

 组件确定和取消的方法

 有问题欢迎指教评论

公共方法在这里哈  https://www.cnblogs.com/jolin-bk/p/14690294.html

vue