JQuery实现点击图片更换图片

作为一位一直从事后端开发的码农，忽然开始接触前端的内容，真有点转不过来，还是来写点东西作为记录吧，也算是经验的积累了。

项目中上传图片功能完成后，运营同事说需要有更换图片的功能，便于图片排版，好吧，不得不继续做，之前做图片上传是用的<a target=_blank href="http://www.uploadify.com/" target="_blank">ajaxfileupload.js</a>插件，这里就不再赘述了，

实现图片更换的原理是给图片加<a>链接，点击图片触发<a>里的时间，由事件触发file，选择图片并上传到服务器，返回图片在服务器中的路径，通过jquery替换原本<img>中的的src。

确实很简单，因为上传图片已经存在，所以现在要做的就是触发file和替换src就可以了。

<pre name="code" class="html">个人觉得w3school里即时编辑效果很好。

OK，就有了下面的简单编写效果。