Typescript 如何用Typescrit代码打开一个新窗口来显示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=“”; 试一试{ 报告状态(“正在检索文件列表…”);

我有一个应用程序,我将从typescript页面将文件上传到blob存储容器。 现在在另一个屏幕中,在选择了与该blob容器关联的记录之后,我需要打开一个新窗口(在浏览器中),其中显示该容器中的所有文件。
我们有什么办法可以做到这一点吗?我需要在前端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);