上传图片；浏览图片按钮

app/views/layouts/new_base_user.html.erb

@@ -158,10 +158,10 @@
     <div class="pro_new">
       <h3 class="box_h3 mb10">头像设置</h3>
       <div class="uppicBox">
+        <input type="button" class="uppic_btn" onclick="$('#upload_user_image').click();" value="浏览.."/>
         <%= file_field_tag 'avatar[image]',
-                           :id => nil,
-                           :class => 'uppic_btn',
-                           :style => 'width:70px;',#added by young
+                           :id => "upload_user_image",
+                           :style => 'display:none;',#added by young
                            :size => "1",
                            :multiple => false,
                            :onchange => 'addInputAvatar(this);',

public/stylesheets/new_user.css

@@ -855,7 +855,7 @@ a.box_close{background:url(../images/img_floatbox.png) -22px 0 no-repeat;}
 .uppicBox{ width:265px; height:265px; background:#f2f2f5; float:left; color:#666;  text-align:center;}
 .showpicBox{width:133px; height:250px; background:#f2f2f5; float:left; margin-left:20px; text-align:center; padding-top:15px; color:#666;}
 .mr15{ margin-right:15px;}
-.uppic_btn{border:none; width:150px; background:none; margin-bottom:5px; color:#666; margin-top:105px;}
+.uppic_btn{background: #64bdd9;color: #fff;width: 80px;height: 25px;margin-top: 105px;}
 
 /*20150820课程作业 LB*/
 .HomeWork {width:708px; background-color:#ffffff; padding:20px; border:1px solid #dddddd;}

public/stylesheets/users.css

@@ -116,7 +116,6 @@ a:hover.c_lgrey{ color:#3ca5c6;}
 .uppicBox{ width:265px; height:265px; background:#f2f2f5; float:left; color:#666;  text-align:center;}
 .showpicBox{width:133px; height:250px; background:#f2f2f5; float:left; margin-left:20px; text-align:center; padding-top:15px; color:#666;}
 .mr15{ margin-right:15px;}
-.uppic_btn{border:none; width:150px; background:none; margin-bottom:5px; color:#666; margin-top:105px;}
 /* 新建作品*/
 .mr8{ margin-right:8px;}
 .mt2{ margin-top:2px;}