示例一:下载docx 文件,后台返回文件流
1. 设置 响应类型resonseType (blob 或者arraybuffer)
axios.get(url,{resonseType:‘blob‘})
2. 根据返回值(文件流)创建blob 对象,并指定type文件类型 (doxc 为例)
let resData = new Blob([res.data],{type:‘application/vnd.openxmlformats-officedocument.wordprocessingml.document‘})
3. 使用 URL.createObjectURL 创建一个url 链接
let dowLink= URL.createObjectURL(resData)
4. 创建一个a 标签type 为download,进行下载
var aDom = document.createElement("a"); aDom.setAttribute(‘style‘, ‘display:none‘); aDom.setAttribute(‘href‘, dowLink); aDom.setAttribute(‘download‘, filename+".docx"); document.body.appendChild(aDom); aDom.click(); URL.revokeObjectURL(dowLink); document.body.removeChild(aDom);
示例二: 生成base64 图片(后台返回数据流)
axios.get(url, { responseType: ‘arraybuffer‘}).then(response=>{ let imgSrc =‘data:image/png;base64,‘ + btoa(new Uint8Array(response.data).reduce((data, byte) => data + String.fromCharCode(byte), ‘‘)); })
二:部分后缀对应的content-type
后缀 | MIME Type |
---|---|
.323 | text/h323 |
.3g2 | video/3gpp2 |
.3gp | video/3gpp |
.3gp2 | video/3gpp2 |
.3gpp | video/3gpp |
.7z | application/x-7z-compressed |
.aa | audio/audible |
.AAC | audio/aac |
.aaf | application/octet-stream |
.aax | audio/vnd.audible.aax |
.ac3 | audio/ac3 |
.aca | application/octet-stream |
.accda | application/msaccess.addin |
.accdb | application/msaccess |
.accdc | application/msaccess.cab |
.accde | application/msaccess |
.accdr | application/msaccess.runtime |
.accdt | application/msaccess |
.accdw | application/msaccess.webapplication |
.accft | application/msaccess.ftemplate |
.acx | application/internet-property-stream |
.AddIn | text/xml |
.ade | application/msaccess |
.adobebridge | application/x-bridge-url |
.adp | application/msaccess |
.ADT | audio/vnd.dlna.adts |
.ADTS | audio/aac |
.afm | application/octet-stream |
.ai | application/postscript |
.aif | audio/x-aiff |
.aifc | audio/aiff |
.aiff | audio/aiff |
.air | application/vnd.adobe.air-application-installer-package+zip |
.amc | application/x-mpeg |
.application | application/x-ms-application |
.art | image/x-jg |
.asa | application/xml |
.asax | application/xml |
.ascx | application/xml |
.asd | application/octet-stream |
.asf | video/x-ms-asf |
.ashx | application/xml |
.asi | application/octet-stream |
.asm | text/plain |
.asmx | application/xml |
.aspx | application/xml |
.asr | video/x-ms-asf |
.asx | video/x-ms-asf |
.atom | application/atom+xml |
.au | audio/basic |
.avi | video/x-msvideo |
.axs | application/olescript |
.bas | text/plain |
.bcpio | application/x-bcpio |
.bin | application/octet-stream |
.bmp | image/bmp |
.c | text/plain |
.cab | application/octet-stream |
.caf | audio/x-caf |
.calx | application/vnd.ms-office.calx |
.cat | application/vnd.ms-pki.seccat |
.cc | text/plain |
.cd | text/plain |
.cdda | audio/aiff |
.cdf | application/x-cdf |
.cer | application/x-x509-ca-cert |
.chm | application/octet-stream |
.class | application/x-java-applet |
.clp | application/x-msclip |
.cmx | image/x-cmx |
.cnf | text/plain |
.cod | image/cis-cod |
.config | application/xml |
.contact | text/x-ms-contact |
.coverage | application/xml |
.cpio | application/x-cpio |
.cpp | text/plain |
.crd | application/x-mscardfile |
.crl | application/pkix-crl |
.crt | application/x-x509-ca-cert |
.cs | text/plain |
.csdproj | text/plain |
.csh | application/x-csh |
.csproj | text/plain |
.css | text/css |
.csv | text/csv |
.cur | application/octet-stream |
.cxx | text/plain |
.dat | application/octet-stream |
.datasource | application/xml |
.dbproj | text/plain |
.dcr | application/x-director |
.def | text/plain |
.deploy | application/octet-stream |
.der | application/x-x509-ca-cert |
.dgml | application/xml |
.dib | image/bmp |
.dif | video/x-dv |
.dir | application/x-director |
.disco | text/xml |
.dll | application/x-msdownload |
.dll.config | text/xml |
.dlm | text/dlm |
.doc | application/msword |
.docm | application/vnd.ms-word.document.macroEnabled.12 |
.docx | application/vnd.openxmlformats-officedocument.wordprocessingml.document |
.dot | application/msword |
.dotm | application/vnd.ms-word.template.macroEnabled.12 |
.dotx | application/vnd.openxmlformats-officedocument.wordprocessingml.template |
.dsp | application/octet-stream |
.dsw | text/plain |
.dtd | text/xml |
.dtsConfig | text/xml |
.dv | video/x-dv |
.dvi | application/x-dvi |
.dwf | drawing/x-dwf |
.dwp | application/octet-stream |
.dxr | application/x-director |
.eml | message/rfc822 |
.emz | application/octet-stream |
.eot | application/octet-stream |
.eps | application/postscript |
.etl | application/etl |
.etx | text/x-setext |
.evy | application/envoy |
.exe | application/octet-stream |
.exe.config | text/xml |
.fdf | application/vnd.fdf |
.fif | application/fractals |
.filters | Application/xml |
.fla | application/octet-stream |
.flr | x-world/x-vrml |
.flv | video/x-flv |
.fsscript | application/fsharp-script |
.fsx | application/fsharp-script |
.generictest | application/xml |
.gif | image/gif |
.group | text/x-ms-group |
.gsm | audio/x-gsm |
.gtar | application/x-gtar |
.gz | application/x-gzip |
.h | text/plain |
.hdf | application/x-hdf |
.hdml | text/x-hdml |
.hhc | application/x-oleobject |
.hhk | application/octet-stream |
.hhp | application/octet-stream |
.hlp | application/winhlp |
.hpp | text/plain |
.hqx | application/mac-binhex40 |
.hta | application/hta |
.htc | text/x-component |
.htm | text/html |
.html | text/html |
.htt | text/webviewhtml |
.hxa | application/xml |
.hxc | application/xml |
.hxd | application/octet-stream |
.hxe | application/xml |
.hxf | application/xml |
.hxh | application/octet-stream |
.hxi | application/octet-stream |
.hxk | application/xml |
.hxq | application/octet-stream |
.hxr | application/octet-stream |
.hxs | application/octet-stream |
.hxt | text/html |
.hxv | application/xml |
.hxw | application/octet-stream |
.hxx | text/plain |
.i | text/plain |
.ico | image/x-icon |
.ics | application/octet-stream |
.idl | text/plain |
.ief | image/ief |
.iii | application/x-iphone |
.inc | text/plain |
.inf | application/octet-stream |
.inl | text/plain |
.ins | application/x-internet-signup |
.ipa | application/x-itunes-ipa |
.ipg | application/x-itunes-ipg |
.ipproj | text/plain |
.ipsw | application/x-itunes-ipsw |
.iqy | text/x-ms-iqy |
.isp | application/x-internet-signup |
.ite | application/x-itunes-ite |
.itlp | application/x-itunes-itlp |
.itms | application/x-itunes-itms |
.itpc | application/x-itunes-itpc |
.IVF | video/x-ivf |
.jar | application/java-archive |
.java | application/octet-stream |
.jck | application/liquidmotion |
.jcz | application/liquidmotion |
.jfif | image/pjpeg |
.jnlp | application/x-java-jnlp-file |
.jpb | application/octet-stream |
.jpe | image/jpeg |
.jpeg | image/jpeg |
.jpg | image/jpeg |
.js | application/x-javascript |
.jsx | text/jscript |
.jsxbin | text/plain |
.latex | application/x-latex |
.library-ms | application/windows-library+xml |
.lit | application/x-ms-reader |
.loadtest | application/xml |
.lpk | application/octet-stream |
.lsf | video/x-la-asf |
.lst | text/plain |
.lsx | video/x-la-asf |
.lzh | application/octet-stream |
.m13 | application/x-msmediaview |
.m14 | application/x-msmediaview |
.m1v | video/mpeg |
.m2t | video/vnd.dlna.mpeg-tts |
.m2ts | video/vnd.dlna.mpeg-tts |
.m2v | video/mpeg |
.m3u | audio/x-mpegurl |
.m3u8 | audio/x-mpegurl |
.m4a | audio/m4a |
.m4b | audio/m4b |
.m4p | audio/m4p |
.m4r | audio/x-m4r |
.m4v | video/x-m4v |
.mac | image/x-macpaint |
.mak | text/plain |
.man | application/x-troff-man |
.manifest | application/x-ms-manifest |
.map | text/plain |
.master | application/xml |
.mda | application/msaccess |
.mdb | application/x-msaccess |
.mde | application/msaccess |
.mdp | application/octet-stream |
.me | application/x-troff-me |
.mfp | application/x-shockwave-flash |
.mht | message/rfc822 |
.mhtml | message/rfc822 |
.mid | audio/mid |
.midi | audio/mid |
.mix | application/octet-stream |
.mk | text/plain |
.mmf | application/x-smaf |
.mno | text/xml |
.mny | application/x-msmoney |
.mod | video/mpeg |
.mov | video/quicktime |
.movie | video/x-sgi-movie |
.mp2 | video/mpeg |
.mp2v | video/mpeg |
.mp3 | audio/mpeg |
.mp4 | video/mp4 |
.mp4v | video/mp4 |
.mpa | video/mpeg |
.mpe | video/mpeg |
.mpeg | video/mpeg |
.mpf | application/vnd.ms-mediapackage |
.mpg | video/mpeg |
.mpp | application/vnd.ms-project |
.mpv2 | video/mpeg |
.mqv | video/quicktime |
.ms | application/x-troff-ms |
.msi | application/octet-stream |
.mso | application/octet-stream |
.mts | video/vnd.dlna.mpeg-tts |
.mtx | application/xml |
.mvb | application/x-msmediaview |
.mvc | application/x-miva-compiled |
.mxp | application/x-mmxp |
.nc | application/x-netcdf |
.nsc | video/x-ms-asf |
.nws | message/rfc822 |
.ocx | application/octet-stream |
.oda | application/oda |
.odc | text/x-ms-odc |
.odh | text/plain |
.odl | text/plain |
.odp | application/vnd.oasis.opendocument.presentation |
.ods | application/oleobject |
.odt | application/vnd.oasis.opendocument.text |
.one | application/onenote |
.onea | application/onenote |
.onepkg | application/onenote |
.onetmp | application/onenote |
.onetoc | application/onenote |
.onetoc2 | application/onenote |
.orderedtest | application/xml |
.osdx | application/opensearchdescription+xml |
.p10 | application/pkcs10 |
.p12 | application/x-pkcs12 |
.p7b | application/x-pkcs7-certificates |
.p7c | application/pkcs7-mime |
.p7m | application/pkcs7-mime |
.p7r | application/x-pkcs7-certreqresp |
.p7s | application/pkcs7-signature |
.pbm | image/x-portable-bitmap |
.pcast | application/x-podcast |
.pct | image/pict |
.pcx | application/octet-stream |
.pcz | application/octet-stream |
application/pdf | |
.pfb | application/octet-stream |
.pfm | application/octet-stream |
.pfx | application/x-pkcs12 |
.pgm | image/x-portable-graymap |
.pic | image/pict |
.pict | image/pict |
.pkgdef | text/plain |
.pkgundef | text/plain |
.pko | application/vnd.ms-pki.pko |
.pls | audio/scpls |
.pma | application/x-perfmon |
.pmc | application/x-perfmon |
.pml | application/x-perfmon |
.pmr | application/x-perfmon |
.pmw | application/x-perfmon |
.png | image/png |
.pnm | image/x-portable-anymap |
.pnt | image/x-macpaint |
.pntg | image/x-macpaint |
.pnz | image/png |
.pot | application/vnd.ms-powerpoint |
.potm | application/vnd.ms-powerpoint.template.macroEnabled.12 |
.potx | application/vnd.openxmlformats-officedocument.presentationml.template |
.ppa | application/vnd.ms-powerpoint |
.ppam | application/vnd.ms-powerpoint.addin.macroEnabled.12 |
.ppm | image/x-portable-pixmap |
.pps | application/vnd.ms-powerpoint |
.ppsm | application/vnd.ms-powerpoint.slideshow.macroEnabled.12 |
.ppsx | application/vnd.openxmlformats-officedocument.presentationml.slideshow |
.ppt | application/vnd.ms-powerpoint |
.pptm | application/vnd.ms-powerpoint.presentation.macroEnabled.12 |
.pptx | application/vnd.openxmlformats-officedocument.presentationml.presentation |
.prf | application/pics-rules |
.prm | application/octet-stream |
.prx | application/octet-stream |
.ps | application/postscript |
.psc1 | application/PowerShell |
.psd | application/octet-stream |
.psess | application/xml |
.psm | application/octet-stream |
.psp | application/octet-stream |
.pub | application/x-mspublisher |
.pwz | application/vnd.ms-powerpoint |
.qht | text/x-html-insertion |
.qhtm | text/x-html-insertion |
.qt | video/quicktime |
.qti | image/x-quicktime |
.qtif | image/x-quicktime |
.qtl | application/x-quicktimeplayer |
.qxd | application/octet-stream |
.ra | audio/x-pn-realaudio |
.ram | audio/x-pn-realaudio |
.rar | application/octet-stream |
.ras | image/x-cmu-raster |
.rat | application/rat-file |
.rc | text/plain |
.rc2 | text/plain |
.rct | text/plain |
.rdlc | application/xml |
.resx | application/xml |
.rf | image/vnd.rn-realflash |
.rgb | image/x-rgb |
.rgs | text/plain |
.rm | application/vnd.rn-realmedia |
.rmi | audio/mid |
.rmp | application/vnd.rn-rn_music_package |
.roff | application/x-troff |
.rpm | audio/x-pn-realaudio-plugin |
.rqy | text/x-ms-rqy |
.rtf | application/rtf |
.rtx | text/richtext |
.ruleset | application/xml |
.s | text/plain |
.safariextz | application/x-safari-safariextz |
.scd | application/x-msschedule |
.sct | text/scriptlet |
.sd2 | audio/x-sd2 |
.sdp | application/sdp |
.sea | application/octet-stream |
.searchConnector-ms | application/windows-search-connector+xml |
.setpay | application/set-payment-initiation |
.setreg | application/set-registration-initiation |
.settings | application/xml |
.sgimb | application/x-sgimb |
.sgml | text/sgml |
.sh | application/x-sh |
.shar | application/x-shar |
.shtml | text/html |
.sit | application/x-stuffit |
.sitemap | application/xml |
.skin | application/xml |
.sldm | application/vnd.ms-powerpoint.slide.macroEnabled.12 |
.sldx | application/vnd.openxmlformats-officedocument.presentationml.slide |
.slk | application/vnd.ms-excel |
.sln | text/plain |
.slupkg-ms | application/x-ms-license |
.smd | audio/x-smd |
.smi | application/octet-stream |
.smx | audio/x-smd |
.smz | audio/x-smd |
.snd | audio/basic |
.snippet | application/xml |
.snp | application/octet-stream |
.sol | text/plain |
.sor | text/plain |
.spc | application/x-pkcs7-certificates |
.spl | application/futuresplash |
.src | application/x-wais-source |
.srf | text/plain |
.SSISDeploymentManifest | text/xml |
.ssm | application/streamingmedia |
.sst | application/vnd.ms-pki.certstore |
.stl | application/vnd.ms-pki.stl |
.sv4cpio | application/x-sv4cpio |
.sv4crc | application/x-sv4crc |
.svc | application/xml |
.swf | application/x-shockwave-flash |
.t | application/x-troff |
.tar | application/x-tar |
.tcl | application/x-tcl |
.testrunconfig | application/xml |
.testsettings | application/xml |
.tex | application/x-tex |
.texi | application/x-texinfo |
.texinfo | application/x-texinfo |
.tgz | application/x-compressed |
.thmx | application/vnd.ms-officetheme |
.thn | application/octet-stream |
.tif | image/tiff |
.tiff | image/tiff |
.tlh | text/plain |
.tli | text/plain |
.toc | application/octet-stream |
.tr | application/x-troff |
.trm | application/x-msterminal |
.trx | application/xml |
.ts | video/vnd.dlna.mpeg-tts |
.tsv | text/tab-separated-values |
.ttf | application/octet-stream |
.tts | video/vnd.dlna.mpeg-tts |
.txt | text/plain |
.u32 | application/octet-stream |
.uls | text/iuls |
.user | text/plain |
.ustar | application/x-ustar |
.vb | text/plain |
.vbdproj | text/plain |
.vbk | video/mpeg |
.vbproj | text/plain |
.vbs | text/vbscript |
.vcf | text/x-vcard |
.vcproj | Application/xml |
.vcs | text/plain |
.vcxproj | Application/xml |
.vddproj | text/plain |
.vdp | text/plain |
.vdproj | text/plain |
.vdx | application/vnd.ms-visio.viewer |
.vml | text/xml |
.vscontent | application/xml |
.vsct | text/xml |
.vsd | application/vnd.visio |
.vsi | application/ms-vsi |
.vsix | application/vsix |
.vsixlangpack | text/xml |
.vsixmanifest | text/xml |
.vsmdi | application/xml |
.vspscc | text/plain |
.vss | application/vnd.visio |
.vsscc | text/plain |
.vssettings | text/xml |
.vssscc | text/plain |
.vst | application/vnd.visio |
.vstemplate | text/xml |
.vsto | application/x-ms-vsto |
.vsw | application/vnd.visio |
.vsx | application/vnd.visio |
.vtx | application/vnd.visio |
.wav | audio/wav |
.wave | audio/wav |
.wax | audio/x-ms-wax |
.wbk | application/msword |
.wbmp | image/vnd.wap.wbmp |
.wcm | application/vnd.ms-works |
.wdb | application/vnd.ms-works |
.wdp | image/vnd.ms-photo |
.webarchive | application/x-safari-webarchive |
.webtest | application/xml |
.wiq | application/xml |
.wiz | application/msword |
.wks | application/vnd.ms-works |
.WLMP | application/wlmoviemaker |
.wlpginstall | application/x-wlpg-detect |
.wlpginstall3 | application/x-wlpg3-detect |
.wm | video/x-ms-wm |
.wma | audio/x-ms-wma |
.wmd | application/x-ms-wmd |
.wmf | application/x-msmetafile |
.wml | text/vnd.wap.wml |
.wmlc | application/vnd.wap.wmlc |
.wmls | text/vnd.wap.wmlscript |
.wmlsc | application/vnd.wap.wmlscriptc |
.wmp | video/x-ms-wmp |
.wmv | video/x-ms-wmv |
.wmx | video/x-ms-wmx |
.wmz | application/x-ms-wmz |
.wpl | application/vnd.ms-wpl |
.wps | application/vnd.ms-works |
.wri | application/x-mswrite |
.wrl | x-world/x-vrml |
.wrz | x-world/x-vrml |
.wsc | text/scriptlet |
.wsdl | text/xml |
.wvx | video/x-ms-wvx |
.x | application/directx |
.xaf | x-world/x-vrml |
.xaml | application/xaml+xml |
.xap | application/x-silverlight-app |
.xbap | application/x-ms-xbap |
.xbm | image/x-xbitmap |
.xdr | text/plain |
.xht | application/xhtml+xml |
.xhtml | application/xhtml+xml |
.xla | application/vnd.ms-excel |
.xlam | application/vnd.ms-excel.addin.macroEnabled.12 |
.xlc | application/vnd.ms-excel |
.xld | application/vnd.ms-excel |
.xlk | application/vnd.ms-excel |
.xll | application/vnd.ms-excel |
.xlm | application/vnd.ms-excel |
.xls | application/vnd.ms-excel |
.xlsb | application/vnd.ms-excel.sheet.binary.macroEnabled.12 |
.xlsm | application/vnd.ms-excel.sheet.macroEnabled.12 |
.xlsx | application/vnd.openxmlformats-officedocument.spreadsheetml.sheet |
.xlt | application/vnd.ms-excel |
.xltm | application/vnd.ms-excel.template.macroEnabled.12 |
.xltx | application/vnd.openxmlformats-officedocument.spreadsheetml.template |
.xlw | application/vnd.ms-excel |
.xml | text/xml |
.xmta | application/xml |
.xof | x-world/x-vrml |
.XOML | text/plain |
.xpm | image/x-xpixmap |
.xps | application/vnd.ms-xpsdocument |
.xrm-ms | text/xml |
.xsc | application/xml |
.xsd | text/xml |
.xsf | text/xml |
.xsl | text/xml |
.xslt | text/xml |
.xsn | application/octet-stream |
.xss | application/xml |
.xtp | application/octet-stream |
.xwd | image/x-xwindowdump |
.z | application/x-compress |
.zip | application/x-zip-compressed |
121454sdfsdfdsf