首頁 > web前端 > 前端問答 > Javascript實作oss簽名

Javascript實作oss簽名

WBOY
發布: 2023-05-12 13:18:07
原創
784 人瀏覽過

在使用Javascript進行檔案上傳至阿里雲OSS物件儲存服務時,需要為請求產生簽章。本文將介紹如何使用Javascript實作OSS簽章。

  1. 引入SDK

首先需要引入阿里雲的oss-sdk-js,可以透過以下程式碼引入:

<script src="//gosspublic.alicdn.com/aliyun-oss-sdk-6.6.5.min.js"></script>
登入後複製
  1. 初始化OSS物件

在程式碼中,需要使用AK、SK以及Endpoint實作初始化OSS物件:

const client = new OSS({
  accessKeyId: 'YourAccessKeyId',
  accessKeySecret: 'YourAccessKeySecret',
  endpoint: 'YourEndpoint',
  bucket: 'YourBucketName'
})
登入後複製

其中,需要將YourAccessKeyId、YourAccessKeySecret、 YourEndpoint和YourBucketName替換為阿里雲帳號的AK、SK、Endpoint和BucketName。

  1. 產生簽章

在上傳檔案前,需要為請求產生簽章。簽章的產生方式如下:

const sign = await client.signatureUrl('YourObjectName', {
  expires: 3600,  // 签名有效期,单位是秒
  method: 'PUT'   // 请求方法,可以是PUT或者POST
})
登入後複製

其中,YourObjectName為上傳的檔案路徑。 expires表示簽名的有效期限,可以自訂設置,單位為秒。 method表示請求的方法,可以是PUT或POST。

  1. 檔案上傳

有了簽章後,透過JavaScript實作檔案上傳:

const file = document.querySelector('input[type=file]').files[0]
client.put('YourObjectName', file, {   
  progress: function* (p) {
    console.log('Progress:', p)
  }
}).then(r => {
    console.log('上传成功')
})
登入後複製

其中,file為檔案對象,需要透過input[type =file]獲取。 YourObjectName表示上傳的檔案路徑,需要和簽章中的路徑一致。 progress表示上傳進度的回呼函數。

至此,Javascript實作OSS簽章的程式碼就完成了。可以透過以上程式碼實作檔案上傳至阿里雲OSS物件儲存服務。

以上是Javascript實作oss簽名的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板