如何使用JavaScript从zip文件中提取图像SRC,然后将其显示到网页

发布于 2025-01-25 11:02:01 字数 1016 浏览 1 评论 0原文

我有一个网页,其中删除提取文件的zip文件。如何获取文件并将其用作IMG SRC。我正在变得“未定义” imgurl1 价值

    let url1 = "IM/" + DIALOG_BACKGROUND_IMAGE ;
        try {
              JSZip.loadAsync(newFile).then(function (zip) {
                   for (var name in zip.files) {
                       if (name === url1) {
                           return  zipFiles.file(name).async('blob');
                       }
                   }
              return zip.file("").async("string");
              }).then(function success(blob) {
                    const reader = new FileReader();
                    reader.readAsDataURL(blob); 
                    reader.onloadend = function() {
                    imgurl1 = reader.result;     
                 }
                 puttingData(data, imgurl1,imgurl1);                    
             }, function error(e) {
                    console.log(e);
                 });
                } catch (e) {
                    console.log(e);
                }

I have a webpage where I drop the zip file which extracts the files. how to get the file and use it as img src. I'm getting 'undefined' imgurl1 value

    let url1 = "IM/" + DIALOG_BACKGROUND_IMAGE ;
        try {
              JSZip.loadAsync(newFile).then(function (zip) {
                   for (var name in zip.files) {
                       if (name === url1) {
                           return  zipFiles.file(name).async('blob');
                       }
                   }
              return zip.file("").async("string");
              }).then(function success(blob) {
                    const reader = new FileReader();
                    reader.readAsDataURL(blob); 
                    reader.onloadend = function() {
                    imgurl1 = reader.result;     
                 }
                 puttingData(data, imgurl1,imgurl1);                    
             }, function error(e) {
                    console.log(e);
                 });
                } catch (e) {
                    console.log(e);
                }

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文