Hapus file menggunakan Browser.js SDK - Object Storage Service

Anda dapat menghapus satu atau beberapa file (Objects) yang tidak lagi diperlukan.

Peringatan

Berhati-hatilah saat melakukan operasi penghapusan. Objek yang telah dihapus tidak dapat dipulihkan.

Catatan penggunaan

Saat menggunakan alat packaging seperti Webpack dan Browserify, instal OSS SDK untuk Browser.js dengan menjalankan perintah npm install ali-oss.
Jika Anda ingin mengakses bucket OSS dari browser tetapi bucket tersebut belum dikonfigurasi dengan aturan CORS, browser akan menolak permintaan tersebut. Oleh karena itu, Anda harus mengonfigurasi aturan CORS pada bucket jika ingin mengaksesnya dari browser. Untuk informasi selengkapnya, lihat Instalasi.
Dalam kebanyakan kasus, OSS SDK untuk Browser.js digunakan di browser. Untuk mencegah pasangan AccessKey Anda terpapar, kami menyarankan agar Anda menggunakan kredensial akses temporary yang diperoleh dari Security Token Service (STS) untuk mengakses OSS.
Kredensial akses temporary terdiri atas pasangan AccessKey dan token keamanan. Pasangan AccessKey terdiri atas ID AccessKey dan Rahasia AccessKey. Untuk informasi selengkapnya tentang cara memperoleh kredensial akses temporary, lihat Gunakan STS untuk otorisasi akses temporary.

Hapus satu file

Kode berikut menghapus satu file:

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <title>Document</title>
</head>

<body>
  <button id="delete">Delete</button> 
  <!--Impor file SDK.-->
  <script type="text/javascript" src="https://gosspublic.alicdn.com/aliyun-oss-sdk-6.18.0.min.js"></script>
  <script type="text/javascript">
    const client = new OSS({
      // Setel region ke wilayah tempat bucket berada. Misalnya, jika bucket berada di wilayah China (Hangzhou), setel region ke oss-cn-hangzhou.
      region: 'yourRegion',
      authorizationV4: true,
      // Pasangan AccessKey temporary (ID AccessKey dan Rahasia AccessKey) yang diperoleh dari STS.
      accessKeyId: 'yourAccessKeyId',
      accessKeySecret: 'yourAccessKeySecret',
      // Token keamanan (SecurityToken) yang diperoleh dari STS.
      stsToken: 'yourSecurityToken',
      // Tentukan nama bucket. Contohnya, examplebucket.
      bucket: "examplebucket",
    });

    const deleteSingle = document.getElementById("delete");   

    // Hapus satu file.
    deleteSingle.addEventListener("click", async () => {
      // Tentukan nama objek yang akan dihapus. Nama objek harus berupa path lengkap objek, tanpa menyertakan nama bucket. Contohnya, exampledir/exampleobject.txt.
      let result = await client.delete('exampledir/exampleobject.txt');
      console.log(result);
    });

  </script>
</body>

</html>

Hapus beberapa file

Kode berikut menghapus beberapa file:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Document</title>
  </head>

  <body>
    <button id="deleteAll">Delete multiple files</button>
    <!--Impor file SDK.-->
    <script
      type="text/javascript"
      src="https://gosspublic.alicdn.com/aliyun-oss-sdk-6.16.0.min.js"
    ></script>
    <script type="text/javascript">
      const client = new OSS({
        // Setel region ke wilayah tempat bucket berada. Misalnya, jika bucket berada di wilayah China (Hangzhou), setel region ke oss-cn-hangzhou.
        region: 'yourRegion',
        authorizationV4: true,
        // Pasangan AccessKey temporary (ID AccessKey dan Rahasia AccessKey) yang diperoleh dari STS.
        accessKeyId: 'yourAccessKeyId',
        accessKeySecret: 'yourAccessKeySecret',
        // Token keamanan (SecurityToken) yang diperoleh dari STS.
        stsToken: 'yourSecurityToken',
        // Tentukan nama bucket. Contohnya, examplebucket.
        bucket: "examplebucket",
      });

      const deleteAll = document.getElementById("deleteAll");

      // Hapus beberapa file.
      deleteAll.addEventListener("click", async () => {
        // Tentukan nama objek yang akan dihapus. Nama objek harus berupa path lengkap objek, tanpa menyertakan nama bucket.
        let result = await client.deleteMulti([
          "example.txt",
          "exampleobject.txt",
          "newexampleobject.txt",
        ]);
        console.log(result);

        result = await client.deleteMulti(
          ["example.txt", "exampleobject.txt", "newexampleobject.txt"],
          {
            // Gunakan parameter quiet untuk menentukan apakah daftar semua file yang dihapus akan dikembalikan. Jika quiet disetel ke true, OSS tidak mengembalikan body pesan. Jika quiet disetel ke false, OSS mengembalikan daftar semua file yang dihapus.
            quiet: true,
          }
        );
      });
    </script>
  </body>
</html>

Referensi

Hapus satu file
- Untuk kode contoh lengkap, lihat contoh GitHub.
- Untuk informasi selengkapnya tentang operasi API, lihat DeleteObject.
Hapus beberapa file
- Untuk kode contoh lengkap, lihat contoh GitHub.
- Untuk informasi selengkapnya tentang operasi API, lihat DeleteMultipleObjects.