form表单文件上传以及预览

 需要用户上传头像，开始用kendo ui 的upload，但是样式不知如何修改，并且没有预览功能，于是上网搜资料。最终用的是form表单通过隐藏的iframe实现无刷新上传图片。<参考：http://www.cnblogs.com/devin87/p/web-uploader.html中的传统上传，里面也有HTML5 实现文件上传>，使用HTML5 实现图片预览<参考：http://itindex.net/detail/44612-%E4%B8%8A%E4%BC%A0-%E5%9B%BE%E7%89%87>

 文件上传：

HTML5中的文件上传还没有看%>_<%

图片预览：

但是 控件样式需要修改。

用一个text和一个button来显示这个file的样式。把之前的按钮透明度opacity设置为0，然后把它放在父标签内，比如外层用div 包裹，通过position:absolute 来覆盖

修改过样式的可以预览的代码：

其中border-radius 是圆角化。