uniapp 小程序上传图片到阿里云

项目需要上传图片到阿里云,原本使用的是unicloud的云服务空间,但是领导说需要上传到自己公司的服务器上,所以需要重新更改实现方案,为了减轻修改成本就结合uni-file-picker和阿里云oss直传,但是有个问题是当前绑定了自己的服务空间这个空间只有10GB,后续可能会有问题,于是重新修改了一下

一、插件市场下载插件阿里云oss文件直传-无需后台签名

二、修改config.js相关配置

三、注释crypto.js 第106行代码

四、页面中使用:引入直传阿里云方法uploadImage


如果绑定了服务空间可以使用@success方法直接上传到自己绑定的云服务空间,如果不绑定使用@select方法自己获取到图片的临时路径然后自己上传给接口

每次选择图片之后直接调用直传阿里云方法uploadImage获取返回结果,然后往数组imgArr中添加

删除之后要从数组中删掉对应的图片防止bug,这里我改造了一下组件的删除方法返回对应的数组下标方便直接删除图片

你可能感兴趣的:(uniapp 小程序上传图片到阿里云)