首页 > 解决方案 > 如何在 javascipt 中下载应用程序/八进制流图像

问题描述

我是 javscript 的新手。我试图在 javascript 中下载图像流。我在响应中获取应用程序/八进制流数据。我使用下面的代码下载。但它不起作用。变量 myimg 是我从 API 得到的确切响应。

let myimg = "\ufffdPNG\r\n\u001a\n\u0000\u0000\u0000\rIHDR\u0000\u0000\u0000a\u0000\u0000\u0000$\b\u0003\u0000\u0000\u0000\ufffdM\ufffdN\u0000\u0000\u0000\u0004gAMA\u0000\u0000\ufffd\ufffd\u000b\ufffda\u0005\u0000\u0000\u0000\u0001sRGB\u0000\ufffd\ufffd\u001c\ufffd\u0000\u0000\u0000\ufffdPLTEGpL\ufffd\ufffd\u0000.>\ufffd+8\ufffd.<\ufffd\ufffd\ufffd\u0000\ufffd\ufffd\u00004E}.>\ufffd/>\ufffd.=\ufffd.>\ufffd\ufffd\ufffd\u0000\ufffd\ufffd\u0000$<\ufffd-=\ufffd->\ufffd/=\ufffd.=\ufffd\ufffd\ufffd\u0000\ufffd\ufffd\u0000\ufffd\ufffd\u0000.>\ufffd.>\ufffd\ufffd\ufffd\u0000.=\ufffd/=\ufffd.>\ufffd.>\ufffd.=\ufffd\ufffd\ufffd\u0000-=\ufffd\ufffd\ufffd\u0000\ufffd\ufffd\u0000\ufffd\ufffd\u0000\ufffd\ufffd\u0000\ufffd\ufffd\u0000\ufffd\ufffd\u0000\ufffd\ufffd\u0000.=\ufffd\ufffd\ufffd\u0000\ufffd\ufffd\u0000.>\ufffd\ufffd\ufffd\u0000\ufffd\ufffd\u0000\ufffd\ufffd\ufffdK\u0000\u0000\u0000*tRNS\u0000|\ufffd\u000f#\b\u0014\u0004\ufffd\u0017I\ufffd\ufffd\ufffd\ti\ufffd;\ufffd\ufffd\ufffd,\ufffd\ufffd\"\ufffd0\ufffdyYʇ\ufffd\ufffdM;\ufffdcΠ\ufffd\ufffd\n\ufffd\ufffd\u0000\u0000\u0002\ufffdIDATHǵ\ufffdkc\ufffd0\f\ufffd\ufffd\ufffdR\u0001\ufffd w\ufffd\ufffd\ufffdU\ufffd\ufffd\ufffd;I\ufffd\ufffds\ufffd9\ufffd\u0019\ufffd`C\ufffdyL޴UӮfg\ufffd\ufffd\ufffdY?\f]fk\ufffdo\ufffd\ufffd\ufffdͤO\ufffd\u0005\ufffdo\ufffd\ufffd\ufffd\ufffd];\ufffdm7\ufffd̗\ufffdvmG~\u0013\ufffd\u001c\ufffd\ufffd?d\ufffdݼ\u0018 \ufffdXw\ufffd~\ufffdZ\ufffdw\u0000}7\ufffd&\ufffd\ufffd\ufffd\ufffd\ufffd\ufffd\ufffd_\u0010\ufffd\ufffd a\ufffdϭ\ufffd\u0019\u0013\b}i\ufffd\ufffd\ufffdA\b}\ufffd\u001d\ufffdo\u0011\ufffdt\ufffd\b|t\ufffd[\ufffdG\u0000\b}\ufffd{\ufffd\ufffd4\ufffd\ufffd\ufffd\ufffd&\ufffd\ufffd*\ufffd\ufffd\u0010\"\ufffd\u001e\ufffd<͗\ufffdd#G\ufffd\ufffd\f\ufffd\ufffd,\ufffdaU\u000e\ufffd+\ufffd\ufffd|\ufffd\ufffd\ufffd\ufffd\ufffd\ufffd\ufffd_\u0001\ufffd>$y\u0001\ufffd]%6ϣ\ufffdQ\ufffdl\u001dB\ufffd2g\ufffd\u0013\ufffd>\u000e\u0016\ufffd\ufffdW)\u0011\ufffd\u000fu\ufffd\ufffd\u001e\ufffdH\ufffd\t\"\ufffd\ufffd\ufffd\ufffd\u0018\ufffd\ufffd\ufffd\ufffd\ufffdV&bZ^XU!W\ufffd\ufffds]\ufffdgR\ufffd+쥀rt9\u0005\u000fއ\ufffdJ\ufffd>\u0001A\ufffd3\ufffd\ufffdm\ufffd6z\u0007\b_\u0007]p\ufffd\bV\ufffd2\ufffdf\ufffd56\ufffd\u0015\u001eo\ufffdP~\u0012\u0019b\ufffd\u0005\ufffd\ufffdK\u0017g\ufffd1T޲\\s\ufffd\u0016B\ufffd\u0003I\u0006\ufffdy\ufffd\ufffd\u0007;y\ufffda\ufffd\u0005f(nV\ufffdD5\ufffdz\u0006\ufffd\u0015\ufffd\ufffd\ufffd\ufffdt\ufffd\ufffd`\u0012\ufffd\u0001o\u0004\ufffd<-\ufffd\ufffd\u001b\ufffd\ufffd\r\ufffd\ufffd9\ufffd\u0010ݑc\ufffd\ufffd\ufffd\ufffdJNV\u0012\ufffdcͽ\n~;\u000b\u0003-\bӼ\ufffd\ufffd\u0019\ufffd\u001a\ufffd\ufffdw\u0004v\ufffdx\ufffdw\u0011\ufffdy\ufffd\ufffd\ufffd\ufffd\ufffd\ufffd\u007fI`\ufffd\ufffd\fK\ufffd\ufffdT\ufffd\u000e!\ufffdb\u0080\ufffd\ufffdN(=\u0002\ufffdH)đjD\ufffdA\ufffd\ufffd\ufffd\ufffdA\u00124+\u0015\"\ufffd\ufffdk\u0016\ufffd9\ufffd\ufffd\ufffd\ufffd\tA+\ufffd\u0019\ufffd\ufffd,ȱ\ufffd\ufffd\ufffd\u0001\u0004pű\ufffd\b\ufffd˫.\ufffd\u0010\ufffd\ufffd\u0015\ufffd\u0002\u001d\ufffd\u001b\b\ufffdL\u000e\ufffd@\ufffd\ufffd.\ufffdW\u0004.\u001d\ufffd_º\u001c\ufffd\u001c\ufffd\ufffd\ufffd\\{^Ξ%\ufffdˁ\ufffd\u001a\ufffd\u0007\ufffd\u001e\ufffd\ufffd\ufffd\ufffdgi\ufffd\ufffd\ufffdSn\ufffdC\u0001\u0011X\u0004\r\ufffd\ufffd*\ufffd\ufffd!\ufffd\ufffd\ufffd\"\ufffdU\u001a\"=\ufffd\ufffdf\ufffd\ufffds\ufffdt\ufffd\ufffd\u0006\b/8HB+'\u0012\ufffdGB\u00102\ufffd\ufffdw\ufffd\ufffd3\u0016\u00150V\ufffd\ufffdb\u001aF\u0019\ufffd\ufffd\ufffd\bGX&\u0003G\ufffd\ufffd\ufffdrpc\ufffd,I\u0012G\ufffd\u00139\ufffd\ufffd~\ufffdD\ufffd&\ufffdY\u0014\u0016\ufffd7\u0001\u0005O\u001e\ufffd\u0016\ufffd\ufffd\ufffd\f7\u0000\ufffd\ufffdޖz\ufffd\ufffd\ufffd_S\u0004m;3\ufffd\ufffd\u0012\ufffd\ufffdR\ufffd\ufffdf\ufffd\t\ufffd]\ufffd\ufffd\ufffd\ufffdX\ufffd\ufffd\n\ufffd\b\ufffd\ufffd\bTخH\ufffd\f\ufffdP\ufffd!@3\ufffd4\ufffd\ufffd\u0000\ufffd\ufffd\ufffd\ufffd\ufffd?$\ufffd\ufffdp@\ufffd\\\u0000\u0000\u0000\u0000IEND\ufffdB`\ufffd";
        
  let blob = new Blob([myimg], { type: 'image/png'})
  const link = document.createElement('a');
  link.style.display = 'none';
  link.download = "sample image";
  link.href = window.URL.createObjectURL(blob);
  link.click();

如果我缺少任何东西,请帮忙。提前致谢

标签: javascriptjquerywindowblob

解决方案


推荐阅读