Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Javascript melaksanakan tandatangan oss

Javascript melaksanakan tandatangan oss

WBOY
Lepaskan: 2023-05-12 13:18:07
asal
785 orang telah melayarinya

Apabila menggunakan Javascript untuk memuat naik fail ke perkhidmatan storan objek Alibaba Cloud OSS, anda perlu menjana tandatangan untuk permintaan tersebut. Artikel ini akan memperkenalkan cara menggunakan Javascript untuk melaksanakan tandatangan OSS.

  1. Memperkenalkan SDK

Mula-mula anda perlu memperkenalkan oss-sdk-js Alibaba Cloud, yang boleh diperkenalkan melalui kod berikut:

<script src="//gosspublic.alicdn.com/aliyun-oss-sdk-6.6.5.min.js"></script>
Salin selepas log masuk
  1. Initialize OSS Object

Dalam kod, anda perlu menggunakan AK, SK dan Endpoint untuk memulakan objek OSS:

const client = new OSS({
  accessKeyId: 'YourAccessKeyId',
  accessKeySecret: 'YourAccessKeySecret',
  endpoint: 'YourEndpoint',
  bucket: 'YourBucketName'
})
Salin selepas log masuk

Antaranya, YourAccessKeyId, YourAccessKeySecret, YourEndpoint dan YourBucketName perlu diganti dengan akaun Alibaba Cloud AK, SK, Endpoint dan BucketName.

  1. Jana tandatangan

Sebelum memuat naik fail, anda perlu menjana tandatangan untuk permintaan tersebut. Tandatangan dijana seperti berikut:

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

di mana YourObjectName ialah laluan fail yang dimuat naik. tamat tempoh mewakili tempoh sah tandatangan, yang boleh disesuaikan dan unitnya adalah saat. kaedah menunjukkan kaedah permintaan, yang boleh PUT atau POST.

  1. Muat naik fail

Selepas mempunyai tandatangan, muat naik fail dilaksanakan melalui 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('上传成功')
})
Salin selepas log masuk

Antaranya, fail adalah objek fail dan perlu menjadi input[type =file] Dapatkan. YourObjectName menunjukkan laluan fail yang dimuat naik, yang perlu konsisten dengan laluan dalam tandatangan. kemajuan mewakili fungsi panggil balik kemajuan muat naik.

Pada ketika ini, kod Javascript untuk melaksanakan tandatangan OSS telah selesai. Anda boleh menggunakan kod di atas untuk memuat naik fail ke perkhidmatan storan objek Alibaba Cloud OSS.

Atas ialah kandungan terperinci Javascript melaksanakan tandatangan oss. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan