怎样在CSDN的博客里面显示上传的图片，教你一招

有些时候，博客里面用的图片，这肯定是很正常的，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]-->