文档章节

各种媒体数据以 base64 编码方式直接嵌入网页中的写法

涂孟超
 涂孟超
发布于 2014/09/26 15:35
字数 1674
阅读 88
收藏 0
点赞 0
评论 0

png 图片: <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAD///+l2Z/dAAAAM0lEQVR4nGP4/5/h/1+G/58ZDrAz3D/McH8yw83NDDeNGe4Ug9C9zwz3gVLMDA/A6P9/AFGGFyjOXZtQAAAAAElFTkSuQmCC"/>
wav 文件: <audio controls="controls" autobuffer="autobuffer" autoplay="autoplay"> <source src="data:audio/wav;base64,UklGRhwMAABXQVZFZm10IBAAAAABAAEAgD4AAIA+AAABAAgAZGF0Ya4LAACAgICAgICAgICAgICAgICAgICAgICAgICAf3hxeH+AfXZ1eHx6dnR5fYGFgoOKi42aloubq6GOjI2Op7ythXJ0eYF5aV1AOFFib32HmZSHhpCalIiYi4SRkZaLfnhxaWptb21qaWBea2BRYmZTVmFgWFNXVVVhaGdbYGhZbXh1gXZ1goeIlot1k6yxtKaOkaWhq7KonKCZoaCjoKWuqqmurK6ztrO7tbTAvru/vb68vbW6vLGqsLOfm5yal5KKhoyBeHt2dXBnbmljVlJWUEBBPDw9Mi4zKRwhIBYaGRQcHBURGB0XFxwhGxocJSstMjg6PTc6PUxVV1lWV2JqaXN0coCHhIyPjpOenqWppK6xu72yxMu9us7Pw83Wy9nY29ve6OPr6uvs6ezu6ejk6erm3uPj3dbT1sjBzdDFuMHAt7m1r7W6qaCupJOTkpWPgHqAd3JrbGlnY1peX1hTUk9PTFRKR0RFQkRBRUVEQkdBPjs9Pzo6NT04Njs+PTxAPzo/Ojk6PEA5PUJAQD04PkRCREZLUk1KT1BRUVdXU1VRV1tZV1xgXltcXF9hXl9eY2VmZmlna3J0b3F3eHyBfX+JgIWJiouTlZCTmpybnqSgnqyrqrO3srK2uL2/u7jAwMLFxsfEv8XLzcrIy83JzcrP0s3M0dTP0drY1dPR1dzc19za19XX2dnU1NjU0dXPzdHQy8rMysfGxMLBvLu3ta+sraeioJ2YlI+MioeFfX55cnJsaWVjXVlbVE5RTktHRUVAPDw3NC8uLyknKSIiJiUdHiEeGx4eHRwZHB8cHiAfHh8eHSEhISMoJyMnKisrLCszNy8yOTg9QEJFRUVITVFOTlJVWltaXmNfX2ZqZ21xb3R3eHqAhoeJkZKTlZmhpJ6kqKeur6yxtLW1trW4t6+us7axrbK2tLa6ury7u7u9u7vCwb+/vr7Ev7y9v8G8vby6vru4uLq+tri8ubi5t7W4uLW5uLKxs7G0tLGwt7Wvs7avr7O0tLW4trS4uLO1trW1trm1tLm0r7Kyr66wramsqaKlp52bmpeWl5KQkImEhIB8fXh3eHJrbW5mYGNcWFhUUE1LRENDQUI9ODcxLy8vMCsqLCgoKCgpKScoKCYoKygpKyssLi0sLi0uMDIwMTIuLzQ0Njg4Njc8ODlBQ0A/RUdGSU5RUVFUV1pdXWFjZGdpbG1vcXJ2eXh6fICAgIWIio2OkJGSlJWanJqbnZ2cn6Kkp6enq62srbCysrO1uLy4uL+/vL7CwMHAvb/Cvbq9vLm5uba2t7Sysq+urqyqqaalpqShoJ+enZuamZqXlZWTkpGSkpCNjpCMioqLioiHhoeGhYSGg4GDhoKDg4GBg4GBgoGBgoOChISChISChIWDg4WEgoSEgYODgYGCgYGAgICAgX99f398fX18e3p6e3t7enp7fHx4e3x6e3x7fHx9fX59fn1+fX19fH19fnx9fn19fX18fHx7fHx6fH18fXx8fHx7fH1+fXx+f319fn19fn1+gH9+f4B/fn+AgICAgH+AgICAgIGAgICAgH9+f4B+f35+fn58e3t8e3p5eXh4d3Z1dHRzcXBvb21sbmxqaWhlZmVjYmFfX2BfXV1cXFxaWVlaWVlYV1hYV1hYWVhZWFlaWllbXFpbXV5fX15fYWJhYmNiYWJhYWJjZGVmZ2hqbG1ub3Fxc3V3dnd6e3t8e3x+f3+AgICAgoGBgoKDhISFh4aHiYqKi4uMjYyOj4+QkZKUlZWXmJmbm52enqCioqSlpqeoqaqrrK2ur7CxsrGys7O0tbW2tba3t7i3uLe4t7a3t7i3tre2tba1tLSzsrKysbCvrq2sq6qop6alo6OioJ+dnJqZmJeWlJKSkI+OjoyLioiIh4WEg4GBgH9+fXt6eXh3d3V0c3JxcG9ubWxsamppaWhnZmVlZGRjYmNiYWBhYGBfYF9fXl5fXl1dXVxdXF1dXF1cXF1cXF1dXV5dXV5fXl9eX19gYGFgYWJhYmFiY2NiY2RjZGNkZWRlZGVmZmVmZmVmZ2dmZ2hnaGhnaGloZ2hpaWhpamlqaWpqa2pra2xtbGxtbm1ubm5vcG9wcXBxcnFycnN0c3N0dXV2d3d4eHh5ent6e3x9fn5/f4CAgIGCg4SEhYaGh4iIiYqLi4uMjY2Oj5CQkZGSk5OUlJWWlpeYl5iZmZqbm5ybnJ2cnZ6en56fn6ChoKChoqGio6KjpKOko6SjpKWkpaSkpKSlpKWkpaSlpKSlpKOkpKOko6KioaKhoaCfoJ+enp2dnJybmpmZmJeXlpWUk5STkZGQj4+OjYyLioqJh4eGhYSEgoKBgIB/fn59fHt7enl5eHd3dnZ1dHRzc3JycXBxcG9vbm5tbWxrbGxraWppaWhpaGdnZ2dmZ2ZlZmVmZWRlZGVkY2RjZGNkZGRkZGRkZGRkZGRjZGRkY2RjZGNkZWRlZGVmZWZmZ2ZnZ2doaWhpaWpra2xsbW5tbm9ub29wcXFycnNzdHV1dXZ2d3d4eXl6enp7fHx9fX5+f4CAgIGAgYGCgoOEhISFhoWGhoeIh4iJiImKiYqLiouLjI2MjI2OjY6Pj46PkI+QkZCRkJGQkZGSkZKRkpGSkZGRkZKRkpKRkpGSkZKRkpGSkZKRkpGSkZCRkZCRkI+Qj5CPkI+Pjo+OjY6Njo2MjYyLjIuMi4qLioqJiomJiImIh4iHh4aHhoaFhoWFhIWEg4SDg4KDgoKBgoGAgYCBgICAgICAf4CAf39+f35/fn1+fX59fHx9fH18e3x7fHt6e3p7ent6e3p5enl6enl6eXp5eXl4eXh5eHl4eXh5eHl4eXh5eHh3eHh4d3h4d3h3d3h4d3l4eHd4d3h3eHd4d3h3eHh4eXh5eHl4eHl4eXh5enl6eXp5enl6eXp5ent6ent6e3x7fHx9fH18fX19fn1+fX5/fn9+f4B/gH+Af4CAgICAgIGAgYCBgoGCgYKCgoKDgoOEg4OEg4SFhIWEhYSFhoWGhYaHhoeHhoeGh4iHiIiHiImIiImKiYqJiYqJiouKi4qLiouKi4qLiouKi4qLiouKi4qLi4qLiouKi4qLiomJiomIiYiJiImIh4iIh4iHhoeGhYWGhYaFhIWEg4OEg4KDgoOCgYKBgIGAgICAgH+Af39+f359fn18fX19fHx8e3t6e3p7enl6eXp5enl6enl5eXh5eHh5eHl4eXh5eHl4eHd5eHd3eHl4d3h3eHd4d3h3eHh4d3h4d3h3d3h5eHl4eXh5eHl5eXp5enl6eXp7ent6e3p7e3t7fHt8e3x8fHx9fH1+fX59fn9+f35/gH+AgICAgICAgYGAgYKBgoGCgoKDgoOEg4SEhIWFhIWFhoWGhYaGhoaHhoeGh4aHhoeIh4iHiIeHiIeIh4iHiIeIiIiHiIeIh4iHiIiHiIeIh4iHiIeIh4eIh4eIh4aHh4aHhoeGh4aHhoWGhYaFhoWFhIWEhYSFhIWEhISDhIOEg4OCg4OCg4KDgYKCgYKCgYCBgIGAgYCBgICAgICAgICAf4B/f4B/gH+Af35/fn9+f35/fn1+fn19fn1+fX59fn19fX19fH18fXx9fH18fXx9fH18fXx8fHt8e3x7fHt8e3x7fHt8e3x7fHt8e3x7fHt8e3x7fHt8e3x8e3x7fHt8e3x7fHx8fXx9fH18fX5+fX59fn9+f35+f35/gH+Af4B/gICAgICAgICAgICAgYCBgIGAgIGAgYGBgoGCgYKBgoGCgYKBgoGCgoKDgoOCg4KDgoOCg4KDgoOCg4KDgoOCg4KDgoOCg4KDgoOCg4KDgoOCg4KDgoOCg4KDgoOCg4KDgoOCg4KCgoGCgYKBgoGCgYKBgoGCgYKBgoGCgYKBgoGCgYKBgoGCgYKBgoGCgYKBgoGBgYCBgIGAgYCBgIGAgYCBgIGAgYCBgIGAgYCBgIGAgYCAgICBgIGAgYCBgIGAgYCBgIGAgYCBgExJU1RCAAAASU5GT0lDUkQMAAAAMjAwOC0wOS0yMQAASUVORwMAAAAgAAABSVNGVBYAAABTb255IFNvdW5kIEZvcmdlIDguMAAA" /> </audio> 或: <audio src="data:audio/x-wav;base64,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" autoplay />

更多格式:
123	application/vnd.lotus-1-2-3
3gp	video/3gpp
aab	application/x-authoware-bin
aam	application/x-authoware-map
aas	application/x-authoware-seg
ai	application/postscript
aif	audio/x-aiff
aifc	audio/x-aiff
aiff	audio/x-aiff
als	audio/X-Alpha5
amc	application/x-mpeg
ani	application/octet-stream
asc	text/plain
asd	application/astound
asf	video/x-ms-asf
asn	application/astound
asp	application/x-asap
asx	video/x-ms-asf
au	audio/basic
avb	application/octet-stream
avi	video/x-msvideo
awb	audio/amr-wb
bcpio	application/x-bcpio
bin	application/octet-stream
bld	application/bld
bld2	application/bld2
bmp	application/x-MS-bmp
bpk	application/octet-stream
bz2	application/x-bzip2
cal	image/x-cals
ccn	application/x-cnc
cco	application/x-cocoa
cdf	application/x-netcdf
cgi	magnus-internal/cgi
chat	application/x-chat
class	application/octet-stream
clp	application/x-msclip
cmx	application/x-cmx
co	application/x-cult3d-object
cod	image/cis-cod
cpio	application/x-cpio
cpt	application/mac-compactpro
crd	application/x-mscardfile
csh	application/x-csh
csm	chemical/x-csml
csml	chemical/x-csml
css	text/css
cur	application/octet-stream
dcm	x-lml/x-evm
dcr	application/x-director
dcx	image/x-dcx
dhtml	text/html
dir	application/x-director
dll	application/octet-stream
dmg	application/octet-stream
dms	application/octet-stream
doc	application/msword
dot	application/x-dot
dvi	application/x-dvi
dwf	drawing/x-dwf
dwg	application/x-autocad
dxf	application/x-autocad
dxr	application/x-director
ebk	application/x-expandedbook
emb	chemical/x-embl-dl-nucleotide
embl	chemical/x-embl-dl-nucleotide
eps	application/postscript
eri	image/x-eri
es	audio/echospeech
esl	audio/echospeech
etc	application/x-earthtime
etx	text/x-setext
evm	x-lml/x-evm
evy	application/x-envoy
exe	application/octet-stream
fh4	image/x-freehand
fh5	image/x-freehand
fhc	image/x-freehand
fif	image/fif
fm	application/x-maker
fpx	image/x-fpx
fvi	video/isivideo
gau	chemical/x-gaussian-input
gca	application/x-gca-compressed
gdb	x-lml/x-gdb
gif	image/gif
gps	application/x-gps
gtar	application/x-gtar
gz	application/x-gzip
hdf	application/x-hdf
hdm	text/x-hdml
hdml	text/x-hdml
hlp	application/winhlp
hqx	application/mac-binhex40
htm	text/html
html	text/html
hts	text/html
ice	x-conference/x-cooltalk
ico	application/octet-stream
ief	image/ief
ifm	image/gif
ifs	image/ifs
imy	audio/melody
ins	application/x-NET-Install
ips	application/x-ipscript
ipx	application/x-ipix
it	audio/x-mod
itz	audio/x-mod
ivr	i-world/i-vrml
j2k	image/j2k
jad	text/vnd.sun.j2me.app-descriptor
jam	application/x-jam
jar	application/java-archive
jnlp	application/x-java-jnlp-file
jpe	image/jpeg
jpeg	image/jpeg
jpg	image/jpeg
jpz	image/jpeg
js	application/x-javascript
jwc	application/jwc
kjx	application/x-kjx
lak	x-lml/x-lak
latex	application/x-latex
lcc	application/fastman
lcl	application/x-digitalloca
lcr	application/x-digitalloca
lgh	application/lgh
lha	application/octet-stream
lml	x-lml/x-lml
lmlpack	x-lml/x-lmlpack
lsf	video/x-ms-asf
lsx	video/x-ms-asf
lzh	application/x-lzh
m13	application/x-msmediaview
m14	application/x-msmediaview
m15	audio/x-mod
m3u	audio/x-mpegurl
m3url	audio/x-mpegurl
ma1	audio/ma1
ma2	audio/ma2
ma3	audio/ma3
ma5	audio/ma5
man	application/x-troff-man
map	magnus-internal/imagemap
mbd	application/mbedlet
mct	application/x-mascot
mdb	application/x-msaccess
mdz	audio/x-mod
me	application/x-troff-me
mel	text/x-vmel
mi	application/x-mif
mid	audio/midi
midi	audio/midi
mif	application/x-mif
mil	image/x-cals
mio	audio/x-mio
mmf	application/x-skt-lbs
mng	video/x-mng
mny	application/x-msmoney
moc	application/x-mocha
mocha	application/x-mocha
mod	audio/x-mod
mof	application/x-yumekara
mol	chemical/x-mdl-molfile
mop	chemical/x-mopac-input
mov	video/quicktime
movie	video/x-sgi-movie
mp2	audio/x-mpeg
mp3	audio/x-mpeg
mp4	video/mp4
mpc	application/vnd.mpohun.certificate
mpe	video/mpeg
mpeg	video/mpeg
mpg	video/mpeg
mpg4	video/mp4
mpga	audio/mpeg
mpn	application/vnd.mophun.application
mpp	application/vnd.ms-project
mps	application/x-mapserver
mrl	text/x-mrml
mrm	application/x-mrm
ms	application/x-troff-ms
mts	application/metastream
mtx	application/metastream
mtz	application/metastream
mzv	application/metastream
nar	application/zip
nbmp	image/nbmp
nc	application/x-netcdf
ndb	x-lml/x-ndb
ndwn	application/ndwn
nif	application/x-nif
nmz	application/x-scream
nokia-op-logo	image/vnd.nok-oplogo-color
npx	application/x-netfpx
nsnd	audio/nsnd
nva	application/x-neva1
oda	application/oda
oom	application/x-AtlasMate-Plugin
pac	audio/x-pac
pae	audio/x-epac
pan	application/x-pan
pbm	image/x-portable-bitmap
pcx	image/x-pcx
pda	image/x-pda
pdb	chemical/x-pdb
pdf	application/pdf
pfr	application/font-tdpfr
pgm	image/x-portable-graymap
pict	image/x-pict
pm	application/x-perl
pmd	application/x-pmd
png	image/png
pnm	image/x-portable-anymap
pnz	image/png
pot	application/vnd.ms-powerpoint
ppm	image/x-portable-pixmap
pps	application/vnd.ms-powerpoint
ppt	application/vnd.ms-powerpoint
pqf	application/x-cprplayer
pqi	application/cprplayer
prc	application/x-prc
proxy	application/x-ns-proxy-autoconfig
ps	application/postscript
ptlk	application/listenup
pub	application/x-mspublisher
pvx	video/x-pv-pvx
qcp	audio/vnd.qcelp
qt	video/quicktime
qti	image/x-quicktime
qtif	image/x-quicktime
r3t	text/vnd.rn-realtext3d
ra	audio/x-pn-realaudio
ram	audio/x-pn-realaudio
rar	application/x-rar-compressed
ras	image/x-cmu-raster
rdf	application/rdf+xml
rf	image/vnd.rn-realflash
rgb	image/x-rgb
rlf	application/x-richlink
rm	audio/x-pn-realaudio
rmf	audio/x-rmf
rmm	audio/x-pn-realaudio
rmvb	audio/x-pn-realaudio
rnx	application/vnd.rn-realplayer
roff	application/x-troff
rp	image/vnd.rn-realpix
rpm	audio/x-pn-realaudio-plugin
rt	text/vnd.rn-realtext
rte	x-lml/x-gps
rtf	application/rtf
rtg	application/metastream
rtx	text/richtext
rv	video/vnd.rn-realvideo
rwc	application/x-rogerwilco
s3m	audio/x-mod
s3z	audio/x-mod
sca	application/x-supercard
scd	application/x-msschedule
sdf	application/e-score
sea	application/x-stuffit
sgm	text/x-sgml
sgml	text/x-sgml
sh	application/x-sh
shar	application/x-shar
shtml	magnus-internal/parsed-html
shw	application/presentations
si6	image/si6
si7	image/vnd.stiwap.sis
si9	image/vnd.lgtwap.sis
sis	application/vnd.symbian.install
sit	application/x-stuffit
skd	application/x-Koan
skm	application/x-Koan
skp	application/x-Koan
skt	application/x-Koan
slc	application/x-salsa
smd	audio/x-smd
smi	application/smil
smil	application/smil
smp	application/studiom
smz	audio/x-smd
snd	audio/basic
spc	text/x-speech
spl	application/futuresplash
spr	application/x-sprite
sprite	application/x-sprite
spt	application/x-spt
src	application/x-wais-source
stk	application/hyperstudio
stm	audio/x-mod
sv4cpio	application/x-sv4cpio
sv4crc	application/x-sv4crc
svf	image/vnd
svg	image/svg-xml
svh	image/svh
svr	x-world/x-svr
swf	application/x-shockwave-flash
swfl	application/x-shockwave-flash
t	application/x-troff
tad	application/octet-stream
talk	text/x-speech
tar	application/x-tar
taz	application/x-tar
tbp	application/x-timbuktu
tbt	application/x-timbuktu
tcl	application/x-tcl
tex	application/x-tex
texi	application/x-texinfo
texinfo	application/x-texinfo
tgz	application/x-tar
thm	application/vnd.eri.thm
tif	image/tiff
tiff	image/tiff
tki	application/x-tkined
tkined	application/x-tkined
toc	application/toc
toy	image/toy
tr	application/x-troff
trk	x-lml/x-gps
trm	application/x-msterminal
tsi	audio/tsplayer
tsp	application/dsptype
tsv	text/tab-separated-values
tsv	text/tab-separated-values
ttf	application/octet-stream
ttz	application/t-time
txt	text/plain
ult	audio/x-mod
ustar	application/x-ustar
uu	application/x-uuencode
uue	application/x-uuencode
vcd	application/x-cdlink
vcf	text/x-vcard
vdo	video/vdo
vib	audio/vib
viv	video/vivo
vivo	video/vivo
vmd	application/vocaltec-media-desc
vmf	application/vocaltec-media-file
vmi	application/x-dreamcast-vms-info
vms	application/x-dreamcast-vms
vox	audio/voxware
vqe	audio/x-twinvq-plugin
vqf	audio/x-twinvq
vql	audio/x-twinvq
vre	x-world/x-vream
vrml	x-world/x-vrml
vrt	x-world/x-vrt
vrw	x-world/x-vream
vts	workbook/formulaone
wav	audio/x-wav
wax	audio/x-ms-wax
wbmp	image/vnd.wap.wbmp
web	application/vnd.xara
wi	image/wavelet
wis	application/x-InstallShield
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
wmlscript	text/vnd.wap.wmlscript
wmv	audio/x-ms-wmv
wmx	video/x-ms-wmx
wmz	application/x-ms-wmz
wpng	image/x-up-wpng
wpt	x-lml/x-gps
wri	application/x-mswrite
wrl	x-world/x-vrml
wrz	x-world/x-vrml
ws	text/vnd.wap.wmlscript
wsc	application/vnd.wap.wmlscriptc
wv	video/wavelet
wvx	video/x-ms-wvx
wxl	application/x-wxl
x-gzip	application/x-gzip
xar	application/vnd.xara
xbm	image/x-xbitmap
xdm	application/x-xdma
xdma	application/x-xdma
xdw	application/vnd.fujixerox.docuworks
xht	application/xhtml+xml
xhtm	application/xhtml+xml
xhtml	application/xhtml+xml
xla	application/vnd.ms-excel
xlc	application/vnd.ms-excel
xll	application/x-excel
xlm	application/vnd.ms-excel
xls	application/vnd.ms-excel
xlt	application/vnd.ms-excel
xlw	application/vnd.ms-excel
xm	audio/x-mod
xml	text/xml
xmz	audio/x-mod
xpi	application/x-xpinstall
xpm	image/x-xpixmap
xsit	text/xml
xsl	text/xml
xul	text/xul
xwd	image/x-xwindowdump
xyz	chemical/x-pdb
yz1	application/x-yz1
z	application/x-compress
zac	application/x-zaurus-zac
zip	application/zip


一个在线转换: http://www.greywyvern.com/code/php/binary2base64

© 著作权归作者所有

共有 人打赏支持
涂孟超
粉丝 12
博文 2004
码字总数 14107
作品 0
深圳
程序员
通过data:image/png;base64把图片直接写在src里

关于用base64存储图片 网页上有些图片的src或css背景图片的url后面跟了一大串字符,比如:data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAYAAABIdFAMAAAAGXRFWHRTb2Z0d2FyZQBBZ...

AsheNull ⋅ 2013/10/18 ⋅ 0

浏览器中的data类型的Url格式,data:image/png,data:image/jpeg

所谓"data"类型的Url格式,是在RFC2397中 提出的,目的对于一些“小”的数据,可以在网页中直接嵌入,而不是从外部文件载入。例如对于img这个Tag,哪怕这个图片非常非常的小,小到只有一个 ...

蓝色头发 ⋅ 2014/02/28 ⋅ 1

网页中的图片 data:image/png,data:image/jpeg

Data URI scheme是在RFC2397中定义的,目的是将一些小的数据,直接嵌入到网页中,从而不用再从外部文件载入。比如上面那串字符,其实是一张小图片,将这些字符复制黏贴到火狐的地址栏中并转到...

黑狗007 ⋅ 2015/12/24 ⋅ 0

利用certutil.exe实现在批处理(bat)中嵌入可执行文件或者各种媒体、图片之类二进制文件的简单方法!

利用certutil.exe实现在批处理(bat)中嵌入可执行文件或者各种媒体、图片之类二进制文件的简单方法! 实际上利用certutil.exe 把二进制文件(包括各种文件,exe可执行程序,图片,声音,mp3)...

黑暗圣堂武士 ⋅ 2016/09/02 ⋅ 0

python模块介绍- binascii 二进制和ASCII转换

简介 binascii模块包含很多用来方法来转换二进制和各种ASCII编码的二进制表示法。通常不直接使用这些功能,而是使用封装模块,如uu, base64或binhex。binascii模块包含用C语言编写更快的低级...

长平狐 ⋅ 2013/12/25 ⋅ 0

html5对于文件的相关操作

今天在写前端的时候碰到一些问题,现在对于web网页操作文件进一步了解。 主要参照:http://www.cnblogs.com/zichi/p/html5-file-api.html FileList 对象针对表单的 file 控件。当用户通过 fi...

marjey ⋅ 2016/11/13 ⋅ 0

HTML页面基本结构

本文简要介绍HTML中的各种元素及其相关属性,读者需要有一个概念: HTML页面都是由基本元素及属性组成的。HTML页面的结构如下。 doctype 声明 HTML 源文件中, 首先出现的是 doctype 声明。 该...

renfufei ⋅ 2017/09/11 ⋅ 0

MIME邮件格式分析及信息提取

摘 要 MIME是目前互联网邮件普遍采用的格式标准,本文通过对MIME邮件格式规范的分析和说明,给出了从邮件中提取其所含各种信息的基本方法。 关键词 MIME、邮件、格式、信息提取 MIME,英文全...

囧南风囧 ⋅ 2010/10/25 ⋅ 0

CSS 基础知识

CSS基础 1. CSS简述 CSS(Cascading Style Sheets) 中文全称为层叠样式表 。他是一种样式表语言用来描述HTML或者是XML文档中的呈现。CSS 描述了在屏幕、纸质、音频等其它媒体上的元素应该如...

熊蛋子17 ⋅ 2017/11/08 ⋅ 0

iOS开发探索-Base64编码

iOS开发探索-Base64编码 转载: 原地址 https://www.jianshu.com/p/b8a5e1c770f9 Base64编码原理 Base64编码之所以称为Base64,是因为其使用64个字符来对任意数据进行编码,同理有Base32、Bas...

法斗斗 ⋅ 05/07 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

RabbitMQ学习以及与Spring的集成(三)

本文介绍RabbitMQ与Spring的简单集成以及消息的发送和接收。 在RabbitMQ的Spring配置文件中,首先需要增加命名空间。 xmlns:rabbit="http://www.springframework.org/schema/rabbit" 其次是模...

onedotdot ⋅ 15分钟前 ⋅ 0

JAVA实现仿微信红包分配规则

最近过年发红包拜年成为一种新的潮流,作为程序猿对算法的好奇远远要大于对红包的好奇,这里介绍一种自己想到的一种随机红包分配策略,还请大家多多指教。 算法介绍 一、红包金额限制 对于微...

楠木楠 ⋅ 27分钟前 ⋅ 0

Python 数电表格格式化 xlutils xlwt xlrd的使用

需要安装 xlutils xlwt xlrd 格式化前 格式化后 代码 先copy读取的表格,然后按照一定的规则修改,将昵称中的学号提取出来替换昵称即可 from xlrd import open_workbookfrom xlutils.copy ...

阿豪boy ⋅ 57分钟前 ⋅ 0

面试题:使用rand5()生成rand7()

前言 读研究生这3 年,思维与本科相比变化挺大的,这几年除了看论文、设计方案,更重要的是学会注重先思考、再实现,感觉更加成熟吧,不再像个小P孩,人年轻时总会心高气傲。有1 道面试题:给...

初雪之音 ⋅ 57分钟前 ⋅ 0

Docker Toolbox Looks like something went wrong

Docker Toolbox 重新安装后提示错误:Looks like something went wrong in step ´Checking if machine default exists´ 控制面板-->程序与应用-->启用或关闭windows功能:找到Hyper-V,如果处......

随你疯 ⋅ 今天 ⋅ 0

Guacamole 远程桌面

本文将Apache的guacamole服务的部署和应用,http://guacamole.apache.org/doc/gug/ 该链接下有全部相关知识的英文文档,如果水平ok,可以去这里仔细查看。 一、简介 Apache Guacamole 是无客...

千里明月 ⋅ 今天 ⋅ 0

nagios 安装

Nagios简介:监控网络并排除网络故障的工具:nagios,Ntop,OpenVAS,OCS,OSSIM等开源监控工具。 可以实现对网络上的服务器进行全面的监控,包括服务(apache、mysql、ntp、ftp、disk、qmail和h...

寰宇01 ⋅ 今天 ⋅ 0

AngularDart注意事项

默认情况下创建Dart项目应出现以下列表: 有时会因为不知明的原因导致列表项缺失: 此时可以通过以下步骤解决: 1.创建项目涉及到的包:stagehand 2.执行pub global activate stagehand或pub...

scooplol ⋅ 今天 ⋅ 0

Java Web如何操作Cookie的添加修改和删除

创建Cookie对象 Cookie cookie = new Cookie("id", "1"); 修改Cookie值 cookie.setValue("2"); 设置Cookie有效期和删除Cookie cookie.setMaxAge(24*60*60); // Cookie有效时间 co......

二营长意大利炮 ⋅ 今天 ⋅ 0

【每天一个JQuery特效】淡入淡出显示或隐藏窗口

我是JQuery新手爱好者,有时间就练练代码,防止手生,争取每天一个JQuery练习,在这个博客记录下学习的笔记。 本特效主要采用fadeIn()和fadeOut()方法显示淡入淡出的显示效果显示或隐藏元...

Rhymo-Wu ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部