阿里雲OSS上傳

這種方式相當於自動上傳，可以參考antd官網的給的例子

首先，後端會提供乙個介面，會返回一些上傳到oss需要的類似配置引數（下面的是我們後端同學給返回的引數）：

(1) accessid，對應ossaccesskeyd

(2) policy

(3) signature

(4) host，oss的上傳位址

下面是請求上傳oss的配置資料**：

getextradata
= file =>
)return
;}

根據返回的位址（host）請求上傳並攜帶上述引數；

const uploadprops =
upstate =1;
if(info.file.status ===
'done'
)else
if(info.file.status ===
'error')}
,};

匯入成功之後要把檔案的key值傳給後端介面，根據這個key值去oss庫中找到上傳的檔案，這裡只是請求後端的介面，不做過多講解；

下面是上傳按鈕

>
}>上傳<
/button>
<
/upload>

antd官網上的阿里雲上傳是自動上傳的，這裡對上傳做一下修改，變成手動上傳

下面是將檔案放在上傳列表，並沒有上傳，詳見**：

uploadselect()
)=>})
},beforeupload:
(file)
=>
this
.setstate((
)=>()
)return
false},
filelist:
this
.state.filelist
}return
(style=
}>
>
"ant-upload-drag-icon"
>
"logout"
/>
style=
}>資料匯入<
/col>
<
/span>
style=
}>
檔案為.zip檔案
<
/col>
<
/dragger>
<
/col>
<
/div>
)}

這一步是將檔案上傳到oss，詳見**：

//上傳檔案
uploadfile()
)//將上傳檔案的uid傳給後台用來去oss拿到上傳的檔案
this
.ondispatch
('global/importupload',)
}})}
})}

因為使用dva 所以去model層發起請求：

uploadfile
(action),}
= action;
uploadoss
(data)
.then
((res)
=>
= res
if(response.status===
200)
else})
.catch
((err)
=>);
},

下面是發起請求的**：

// 上傳檔案到oss
const req =
extend()
export
function
uploadoss
(data)
)}

阿里雲oss 檔案上傳

寫在前面阿里雲oss的各種sdk，都是對它的api進行的封裝。所以如果我們直接呼叫api時出錯，卻又不知道出問題時，可以直接閱讀sdk的原始碼，找到問題所在。首先貼一下阿里雲oss官網貼出的簽名計算方式 authorization oss accesskeyid signature signat...

阿里雲OSS上傳刪除

設定檔案路徑和名稱 string fileurl filehost datestr uuid file.getoriginalfilename 上傳檔案 putobjectresult result client.putobject new putobjectrequest bucketname,f...

阿里雲OSS 上傳檔案

阿里雲後台管理 api 整合教程 key 網域名稱的查詢 1 檢視上傳的檔案在哪？a 阿里雲，進入官網。然後進入管理控制台 b 左側選單欄，進入物件儲存 oss c 進入 bucket 管理頁面，點選建立的bucket 名稱 d 進入bucket 管理介面，點選左側選單 bucket屬性選單檢視b...

阿里雲OSS上傳

阿里雲oss 檔案上傳

阿里雲OSS上傳 刪除

阿里雲OSS 上傳檔案

相關推薦

阿里雲OSS上傳刪除