Heim > Web-Frontend > Front-End-Fragen und Antworten > Javascript implementiert die Oss-Signatur

Javascript implementiert die Oss-Signatur

WBOY
Freigeben: 2023-05-12 13:18:07
Original
785 Leute haben es durchsucht

Wenn Sie Javascript zum Hochladen von Dateien in den Alibaba Cloud OSS-Objektspeicherdienst verwenden, müssen Sie eine Signatur für die Anfrage generieren. In diesem Artikel wird erläutert, wie Sie Javascript zum Implementieren der OSS-Signatur verwenden.

  1. Einführung in das SDK

Zuerst müssen Sie Alibaba Clouds oss-sdk-js einführen, das über den folgenden Code eingeführt werden kann:

<script src="//gosspublic.alicdn.com/aliyun-oss-sdk-6.6.5.min.js"></script>
Nach dem Login kopieren
  1. OSS-Objekt initialisieren

Im Code müssen Sie AK verwenden, SK und Endpoint zum Initialisieren des OSS-Objekts:

const client = new OSS({
  accessKeyId: 'YourAccessKeyId',
  accessKeySecret: 'YourAccessKeySecret',
  endpoint: 'YourEndpoint',
  bucket: 'YourBucketName'
})
Nach dem Login kopieren

Darunter müssen YourAccessKeyId, YourAccessKeySecret, YourEndpoint und YourBucketName durch AK, SK, Endpoint und BucketName des Alibaba Cloud-Kontos ersetzt werden.

  1. Signatur generieren

Bevor Sie die Datei hochladen, müssen Sie eine Signatur für die Anfrage generieren. Die Signatur wird wie folgt generiert:

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

wobei YourObjectName der hochgeladene Dateipfad ist. „expires“ stellt den Gültigkeitszeitraum der Signatur dar, der angepasst werden kann und die Einheit Sekunden beträgt. method gibt die Anforderungsmethode an, die PUT oder POST sein kann.

  1. Datei-Upload

Nach Erhalt der Signatur wird der Datei-Upload über JavaScript implementiert:

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

Dabei ist Datei das Dateiobjekt und muss über Eingabe[Typ=Datei] abgerufen werden. YourObjectName gibt den Pfad der hochgeladenen Datei an, der mit dem Pfad in der Signatur übereinstimmen muss. progress stellt die Rückruffunktion des Upload-Fortschritts dar.

An diesem Punkt ist der Javascript-Code zur Implementierung der OSS-Signatur abgeschlossen. Sie können den obigen Code verwenden, um Dateien in den Alibaba Cloud OSS-Objektspeicherdienst hochzuladen.

Das obige ist der detaillierte Inhalt vonJavascript implementiert die Oss-Signatur. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage