uniapp 小程序上傳圖片到阿里云

項目需要上傳圖片到阿里云,原本使用的是unicloud的云服務空間,但是領導說需要上傳到自己公司的服務器上,所以需要重新更改實現方案,為了減輕修改成本就結合uni-file-picker和阿里云oss直傳,但是有個問題是當前綁定了自己的服務空間這個空間只有10GB,后續可能會有問題,于是重新修改了一下

一、插件市場下載插件阿里云oss文件直傳-無需后臺簽名

二、修改config.js相關配置

三、注釋crypto.js 第106行代碼

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


如果綁定了服務空間可以使用@success方法直接上傳到自己綁定的云服務空間,如果不綁定使用@select方法自己獲取到圖片的臨時路徑然后自己上傳給接口

每次選擇圖片之后直接調用直傳阿里云方法uploadImage獲取返回結果,然后往數組imgArr中添加

刪除之后要從數組中刪掉對應的圖片防止bug,這里我改造了一下組件的刪除方法返回對應的數組下標方便直接刪除圖片

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容