日本熟妇hd丰满老熟妇,中文字幕一区二区三区在线不卡 ,亚洲成片在线观看,免费女同在线一区二区

AI 助理
備案控制臺
文檔
輸入文檔關鍵字查找
首頁 對象存儲 開發參考 SDK參考 Browser.js 下載文件 預覽或下載文件

Browser.js預覽或下載文件

更新時間：
產品詳情
我的收藏

在瀏覽器中使用signatureUrl方法生成用于預覽或下載的文件URL。您可以通過HTML中<a>標簽的download屬性、Web API中的window.open等方式使用獲取的文件URL。

注意事項

  • 當您使用webpack或browserify等打包工具時，請通過npm install ali-oss的方式安裝Browser.js SDK。

  • 通過瀏覽器訪問OSS時涉及跨域請求，如果未設置跨域規則，瀏覽器會拒絕跨域訪問請求。如果您希望通過瀏覽器可以正常訪問OSS，需要通過OSS設置跨域規則。具體操作，請參見準備工作。

  • 由于Browser.js SDK通常在瀏覽器環境下使用，為避免暴露阿里云賬號訪問密鑰（AccessKey ID和AccessKey Secret），強烈建議您使用臨時訪問憑證的方式執行OSS相關操作。

    臨時訪問憑證包括臨時訪問密鑰（AccessKey ID和AccessKey Secret）和安全令牌（SecurityToken）。獲取臨時訪問憑證的具體操作，請參見授權訪問。

獲取文件的預覽URL

以下代碼用于獲取examplebucket中exampleobject.txt文件的預覽URL。

說明

如果您要直接在瀏覽器中預覽文件，請設置文件HTTP頭中的Content-Disposition為inline并使用Bucket綁定的自定義域名進行訪問。具體操作，請分別參見設置文件元信息和使用自定義域名。

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

  <body>
    <!--導入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({
        // yourRegion填寫Bucket所在地域。以華東1（杭州）為例，Region填寫為oss-cn-hangzhou。
        region: "yourRegion",
        authorizationV4: true,
        // 從STS服務獲取的臨時訪問密鑰（AccessKey ID和AccessKey Secret）。
        accessKeyId: "yourAccessKeyId",
        accessKeySecret: "yourAccessKeySecret",
        // 從STS服務獲取的安全令牌（SecurityToken）。
        stsToken: "yoursecurityToken",
        // 填寫Bucket名稱。
        bucket: "examplebucket",
      });
      
      // 填寫Object完整路徑。Object完整路徑中不能包含Bucket名稱。
      const url = client.signatureUrl("example.jpg", {
        // 如果您希望生成的簽名URL可以應用圖片樣式的效果，您可以通過process參數指定樣式，格式為style/樣式名稱。
        // process: "style/imagestyle",
      });
      console.log(url);

      // 設置URL的有效時長。單位為秒。如果不設置有效時長，則默認為1800。
      // url = client.signatureUrl('example.jpg', {expires: 3600});
      // console.log(url);
    </script>
  </body>
</html>

獲取文件的下載URL

以下代碼用于獲取examplebucket中exampleobject.txt文件的下載URL。URL的有效時長默認為1800秒。

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

  <body>
    <!--導入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({
        // yourRegion填寫Bucket所在地域。以華東1（杭州）為例，Region填寫為oss-cn-hangzhou。
        region: "yourRegion",
        authorizationV4: true,
        // 從STS服務獲取的臨時訪問密鑰（AccessKey ID和AccessKey Secret）。
        accessKeyId: "yourAccessKeyId",
        accessKeySecret: "yourAccessKeySecret",
        // 從STS服務獲取的安全令牌（SecurityToken）。
        stsToken: "yoursecurityToken",
        // 填寫Bucket名稱。
        bucket: "examplebucket",
      });

      // 配置響應頭實現通過URL訪問時自動下載文件，并設置下載后的文件名。
      const filename = "examplefile.txt";
      const response = {
        "content-disposition": `attachment; filename=${encodeURIComponent(
          filename
        )}`,
      };
      // 填寫Object完整路徑。Object完整路徑中不能包含Bucket名稱。
      const url = client.signatureUrl("exampleobject.txt", { response });
      console.log(url);
    </script>
  </body>
</html>