Yükleme isteğinize geri arama parametrelerini ekleyerek, bir dosya (Nesne) yüklendikten sonra OSS'in uygulama sunucunuza geri arama göndermesini sağlayabilirsiniz.
callbackSNI gibi geri arama ayarlarını yapılandırabilirsiniz. Daha fazla bilgi için bkz. Geri Arama.
Kullanım notları
Webpack ve Browserify gibi paketleme araçlarını kullanırken, npm install ali-oss komutunu çalıştırarak Browser.js için OSS SDK'yı yükleyin.
Bir tarayıcıdan bir OSS paketine erişmek istediğinizde ancak paket için CORS kuralları yapılandırılmamışsa tarayıcı isteği reddeder. Bu nedenle, bir pakete tarayıcıdan erişmek istiyorsanız paket için CORS kurallarını yapılandırmanız gerekir. Daha fazla bilgi için bkz. Kurulum.
-
Çoğu durumda Browser.js için OSS SDK tarayıcılarda kullanılır. AccessKey çiftinizin açığa çıkmasını önlemek için OSS'e erişmek üzere Güvenlik Belirteci Hizmeti'nden (STS) alınan geçici erişim kimlik bilgilerini kullanmanızı öneririz.
Geçici erişim kimlik bilgileri bir AccessKey çiftinden ve bir güvenlik belirtecinden oluşur. AccessKey çifti bir AccessKey ID ve bir AccessKey secret içerir. Geçici erişim kimlik bilgilerinin nasıl alınacağı hakkında daha fazla bilgi için bkz. Geçici erişim yetkilendirmesi için STS kullanma.
Örnek kod
Aşağıdaki örnek kod, yükleme geri aramasının nasıl kullanılacağını gösterir:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
</head>
<body>
<button id="submit">Upload Callback</button>
<!--Import the SDK file-->
<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({
// Set yourRegion to the region where the bucket is located. For example, if the bucket is in the China (Hangzhou) region, set yourRegion to oss-cn-hangzhou.
region: "yourRegion",
authorizationV4: true,
// The temporary AccessKey pair (AccessKey ID and AccessKey secret) obtained from the Security Token Service (STS).
accessKeyId: "yourAccessKeyId",
accessKeySecret: "yourAccessKeySecret",
// The security token (SecurityToken) obtained from the STS service.
stsToken: "yourSecurityToken",
// Specify the bucket name. For example, examplebucket.
bucket: "examplebucket",
});
const options = {
callback: {
// The server address for the callback request. The address must be an Internet URL.
url: "http://examplebucket.aliyuncs.com:23450",
// The value of Host in the callback request header. This is the Host value configured on your server.
// host: 'yourHost',
// The value of the request body for the callback.
body: "bucket=${bucket}&object=${object}&etag=${etag}&size=${size}&mimeType=${mimeType}&imageInfo.height=${imageInfo.height}&imageInfo.width=${imageInfo.width}&imageInfo.format=${imageInfo.format}&var1=${x:var1}&var2=${x:var2}",
// The Content-Type of the callback request.
// contentType: 'application/x-www-form-urlencoded',
// Specifies whether OSS sends a Server Name Indication (SNI) to the origin URL specified by callbackUrl when the client initiates a callback request.
callbackSNI: true,
// The custom parameters for the callback request.
customValue: {
var1: "value1",
var2: "value2",
},
},
};
// Get the DOM.
const submit = document.getElementById("submit");
// Upload callback.
submit.addEventListener("click", () => {
client
.put("example.txt", new Blob(["Hello World"]), options)
.then((r) => console.log(r));
});
</script>
</body>
</html>
İlgili Başlıklar
Yükleme geri araması API işlemi için bkz. Geri Arama.