Typescript 如何用Typescrit代码打开一个新窗口来显示blob容器?
我有一个应用程序,我将从typescript页面将文件上传到blob存储容器。 现在在另一个屏幕中,在选择了与该blob容器关联的记录之后,我需要打开一个新窗口(在浏览器中),其中显示该容器中的所有文件。Typescript 如何用Typescrit代码打开一个新窗口来显示blob容器?,typescript,azure,file-upload,typescript-typings,azure-blob-storage,Typescript,Azure,File Upload,Typescript Typings,Azure Blob Storage,我有一个应用程序,我将从typescript页面将文件上传到blob存储容器。 现在在另一个屏幕中,在选择了与该blob容器关联的记录之后,我需要打开一个新窗口(在浏览器中),其中显示该容器中的所有文件。 我们有什么办法可以做到这一点吗?我需要在前端typescipt页面中编写此代码。也许您可以参考以下官方文档: const listFiles=async()=>{ fileList.size=0; fileList.innerHTML=“”; 试一试{ 报告状态(“正在检索文件列表…”);
我们有什么办法可以做到这一点吗?我需要在前端typescipt页面中编写此代码。也许您可以参考以下官方文档:
const listFiles=async()=>{
fileList.size=0;
fileList.innerHTML=“”;
试一试{
报告状态(“正在检索文件列表…”);
让iter=containerClient.listBlobsFlat();
让blobItem=等待iter.next();
而(!blobItem.done){
fileList.size+=1;
fileList.innerHTML+=`${blobItem.value.name}`;
blobItem=等待iter.next();
}
如果(fileList.size>0){
报告状态(“完成”);
}否则{
reportStatus(“容器不包含任何文件”);
}
}捕获(错误){
报告状态(错误消息);
}
};
addEventListener(“单击”,列表文件);
const listFiles = async () => {
fileList.size = 0;
fileList.innerHTML = "";
try {
reportStatus("Retrieving file list...");
let iter = containerClient.listBlobsFlat();
let blobItem = await iter.next();
while (!blobItem.done) {
fileList.size += 1;
fileList.innerHTML += `<option>${blobItem.value.name}</option>`;
blobItem = await iter.next();
}
if (fileList.size > 0) {
reportStatus("Done.");
} else {
reportStatus("The container does not contain any files.");
}
} catch (error) {
reportStatus(error.message);
}
};
listButton.addEventListener("click", listFiles);