vue2.x上传图片到阿里OSS服务器

一、安装node.js ----oss-SDK:

    npm install ali-oss

    ①同步方式创建连接:

    new OSS()    

    ②异步方式创建连接:

    new OSS.wrapper()
  红框里面的参数都是必须传递                                                                                                         vue2.x上传图片到阿里OSS服务器_第1张图片

二、获取本地的图片:

       获取本地图片的方法实在是太多了,这里不做说明。

三、上传图片到OSS:

    官网中给出上传的方法有很多种。下面主要介绍的是client.put()方法。

    ①事例代码:

        vue2.x上传图片到阿里OSS服务器_第2张图片

   注释://storeAs是你要上传图片的名称,可以自己随便起,也可以按照规定的需求起名称。

            // f 是你要上传的文件流,这个文件在你获取图片的时候就拿到了。

    ②上传成功:

        上传成功会有返回值,返回值里面有你刚才上传的图片地址,假如后端需要你刚才上传图片的地址,你就可以把这个地址获取到在传给后端。

四、OSS提供的上传方式有好多种比如:

   上传本地图片:     vue2.x上传图片到阿里OSS服务器_第3张图片

当然还有分片上传、流式上传、断点上传。可自行到官网查看使用方法( 更多上传方式)


你可能感兴趣的:(上传图片,vue,阿里OSS服务器)