js下载doxc⽂件⽰例和部分后缀对应的content-type总结⽰例⼀:下载docx ⽂件,后台返回⽂件流
1. 设置响应类型resonseType (blob 或者arraybuffer)
<(url,{resonseType:'blob'})
2. 根据返回值(⽂件流)创建blob 对象,并指定type⽂件类型 (doxc 为例)
let resData = new Blob([res.data],{type:'application/vnd.openxmlformats-officedocument.wordprocessingml.document'})
3. 使⽤ ateObjectURL 创建⼀个url 链接
let dowLink= ateObjectURL(resData)
4. 创建⼀个a 标签type 为download,进⾏下载
var aDom = ateElement("a");
aDom.setAttribute('style', 'display:none');
aDom.setAttribute('href', dowLink);
html如何下载
aDom.setAttribute('download', filename+".docx");
document.body.appendChild(aDom);
aDom.click();
veChild(aDom);
⽰例⼆:⽣成base64 图⽚(后台返回数据流)
<(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
.323text/h323
.3g2video/3gpp2
.3gp video/3gpp
.3gp2video/3gpp2
.3gpp video/3gpp
.7z application/x-7z-compressed
.aa audio/audible
.AAC audio/aac
.aaf application/octet-stream
.aax audio/vnd.audible.aax
.ac3audio/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
后缀MIME Type
.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
f text/plain
.cod image/cis-cod
.config application/xml
.contact text/x-ms-contact
.coverage application/xml
.cpio application/x-cpio
.cpp text/plain
.
cpp text/plain
后缀MIME Type
.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
.fig 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/plate.macroEnabled.12
.
dotx application/vnd.plate .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
.fig 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
后缀MIME Type
.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
.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 .m13application/x-msmediaview .m14application/x-msmediaview .m1v video/mpeg
.m2t video/vnd.dlna.mpeg-tts .m2ts video/vnd.dlna.mpeg-tts .m2v video/mpeg .m3u audio/x-mpegurl .m3u8audio/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
后缀MIME Type
121454sdfsdfdsf

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。