VueJS中如何使用阿里云存储上传图片?什么是开源软件?其实根据官网的解释,>>阿里云对象存储服务(ObjectStorageService)在实际开发中,公司可能会使用OSS随时存储一些数据,比如文本、图片、音频和video等一种非结构化数据文件,刚好在做项目的时候用到OSS存储。对于我这个新手,没用过,先看看文档看看是怎么回事吧~看看前端如何在VueJS环境下上传OSS(一)首先打开官方网址-----https://www.aliyun.com/打开官网,鼠标移动到产品栏,展开,点击对象点击存储OSS后(2),滑动鼠标到最后,点击产品文档(3)进入,我们看到一大栏内容,不要怕,先做第一波操作,慢慢看官网的一些API或者方法,不是全部是必须的,但至少有个了解(4)是不是头皮发麻?提示demo或code,为了不打扰大家,直接点这个看官方的示例代码,可能有人一眼就看出是什么意思,但是我想说明一下如何通过Client调用PUT方法,What里面的两个参数是什么意思?第一个参数:object-name*是你要上传到OSS管理控制台的路径。我们看一下input标签:因为我对图片的类型没有限制,所以我选择所有类型的图片格式accept="image/*",我们继续看:比如我们添加defaultchange之后event到这个input标签,也是@change="handlefile($event)",然后我们在methods中定义一个handlefile(event){}这个方法先,我们打印一下看看event打印的是什么,我们可以直接看target,展开后就可以找到我们需要的了,也可以直接这样打印,event.target.files[0],我们来看看结果。我们需要的是type属性:type="image/jpeg",因为你上传到公司OSS管理控制台的时候,可能会根据他们提供的地址进行拼接,所以我们得到的type属性是截断以获得网格后缀.jpeg当然有很多种切字符串的方法,哪一种方便呢?得到后缀后,接下来要做的就是:拼接上传路径,其中date是时间戳,用来区分唯一性,拼的时候也可以加上自己的logo。第二个参数:local-file是输入标签的文件属性(event.target.files[0]*)。了解这两个参数后,至于前面region:'
