有些时候,博客里面用的图片,这肯定是很正常的,CSDN也给我们提供了图片上传的功能,并且也能够将图片上传上去,并且提供了一个很好的图片及文件管理工具,心想这下可以给我的博客装装衣衣服了,因为博客里面总是文字,就感觉没有什么样的生气,不活泼,如果里面时不时的放上几个美女,哇,那种感觉….,就呵呵了。
可是图片能够正去,也能够在后台的编辑器里面正常显示,可是,在前台就没法正常显示了,如下图:
后台编辑器里面查看上传的图片:
<!--[if gte vml 1]><v:shapetype id="_x0000_t75" coordsize="21600,21600" o:spt="75" o:preferrelative="t" path="m@4@5l@4@11@9@11@9@5xe" filled="f" stroked="f"> <v:stroke joinstyle="miter" /> <v:formulas> <v:f eqn="if lineDrawn pixelLineWidth 0" /> <v:f eqn="sum @0 1 0" /> <v:f eqn="sum 0 0 @1" /> <v:f eqn="prod @2 1 2" /> <v:f eqn="prod @3 21600 pixelWidth" /> <v:f eqn="prod @3 21600 pixelHeight" /> <v:f eqn="sum @0 0 1" /> <v:f eqn="prod @6 1 2" /> <v:f eqn="prod @7 21600 pixelWidth" /> <v:f eqn="sum @8 21600 0" /> <v:f eqn="prod @7 21600 pixelHeight" /> <v:f eqn="sum @10 21600 0" /> </v:formulas> <v:path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect" /> <o:lock v:ext="edit" aspectratio="t" /> </v:shapetype><v:shape id="_x0000_i1025" type="#_x0000_t75" style='width:415.5pt; height:303.75pt'> <v:imagedata src="怎样在CSDN的博客里面显示上传的图片.files/image001.png" o:title="" /> </v:shape><![endif]--><!--[if !vml]--><!--[endif]-->
把光标点右键在图片,选择属性,可以看到图片的地址为:
<!--[if gte vml 1]><v:shape id="_x0000_i1026" type="#_x0000_t75" style='width:335.25pt;height:141pt'> <v:imagedata src="怎样在CSDN的博客里面显示上传的图片.files/image003.png" o:title="" /> </v:shape><![endif]--><!--[if !vml]--><!--[endif]-->
可是在前台显示却是成这样的:
<!--[if gte vml 1]><v:shape id="_x0000_i1027" type="#_x0000_t75" style='width:265.5pt;height:306pt'> <v:imagedata src="怎样在CSDN的博客里面显示上传的图片.files/image005.png" o:title="" /> </v:shape><![endif]--><!--[if !vml]--><!--[endif]-->
我以为是图片地址搞错了,到后台一看,没有问题,这个就还不如不用图片更好了。
我便想到只要后台能够正常显示,那说明图片是正常的,那就只需要把地址找到就OK了,然后打开图片属性,再看看,右键点击在预览框里面,打到图片的地址如下:
<!--[if gte vml 1]><v:shape id="_x0000_i1028" type="#_x0000_t75" style='width:295.5pt;height:134.25pt'> <v:imagedata src="怎样在CSDN的博客里面显示上传的图片.files/image007.png" o:title="" /> </v:shape><![endif]--><!--[if !vml]--><!--[endif]-->
然后再粘到源文件里面:
<!--[if gte vml 1]><v:shape id="_x0000_i1029" type="#_x0000_t75" style='width:308.25pt;height:45.75pt'> <v:imagedata src="怎样在CSDN的博客里面显示上传的图片.files/image009.png" o:title="" /> </v:shape><![endif]--><!--[if !vml]--><!--[endif]-->
其它图片类似搞定,保存再到前台看看,
终于OK了。
<!--[if gte vml 1]><v:shape id="_x0000_i1030" type="#_x0000_t75" style='width:414.75pt;height:357pt'> <v:imagedata src="怎样在CSDN的博客里面显示上传的图片.files/image011.png" o:title="" /> </v:shape><![endif]--><!--[if !vml]-->![](http://writeblog.csdn.net/images/fenglibing/Image/image01211.jpg)