课程上传图片按钮

app/views/avatar/_new_avatar_form.html.erb

@@ -1,11 +1,10 @@
 <a href="javascript:void(0)" class="upimg fl">
   <%= image_tag(url_to_avatar(source), id: "avatar_image", :width =>"60", :height =>"60",:alt=>"上传图片")%>
 </a>
-<%#= link_to l(:button_delete_file),{:controller => :avatar,:action => :delete_image,:remote=>true,:source_type=> source.class,:source_id=>source.id},:confirm => l(:text_are_you_sure), :method => :post, :class => "upbtn fl" %>
+<a href="javascript:void(0)" class="upbtn fl" onclick="$('#upload_img').click();"><%= l(:button_upload_photo) %></a>
-<a href="javascript:void(0)" class="upbtn fl"><%= l(:button_upload_photo) %></a>
 <%= file_field_tag 'avatar[image]',
-                   :id => nil,
+                   :id => "upload_img",
-                   :class => 'upload_file',
+                   :class => 'undis',
                    :size => "1",
                    :multiple => true,
                    :data => {

public/stylesheets/courses.css

@@ -163,7 +163,7 @@ a.f_grey:hover {color:#000000;}
 .resourcesIcon {margin-top:15px; display:block; width:25px; height:20px;}
 .nolink_btn{ background:#BCBCBC; color: #fff; padding:2px 5px;}
 .more_btn{-moz-border-radius:3px;  -webkit-border-radius:3px; border:1px solid #9DCEFF; color:#9DCEFF;  border-radius:3px; padding:0px 3px;}
-.upbtn{ margin:42px 0 0 10px; border:none; color:#999; width:150px;}
+/*.upbtn{ margin:42px 0 0 10px; border:none; color:#999; width:150px;}*/
 .red_btn_cir{ background:#e74c3c; padding:1px 10px; -moz-border-radius:2px;  -webkit-border-radius:2px;  border-radius:2px; color:#fff; font-weight:normal;font-size:12px;}
 .green_btn_cir{ background:#28be6c; padding:1px 10px; -moz-border-radius:2px;  -webkit-border-radius:2px;  border-radius:2px; color:#fff; font-weight:normal;font-size:12px;}
 .grey_btn_cir{ background:#b2b2b2; padding:1px 10px; -moz-border-radius:2px;  -webkit-border-radius:2px;  border-radius:2px; color:#fff; font-weight:normal; font-size:12px;}
@@ -511,7 +511,7 @@ a:hover.st_add{ color:#ff8e15;}
 .upimg{ border:1px solid  #eaeaea; display:block; width:60px; height:60px; padding:1px;}
 .upimg:hover{ border:1px solid #64bdd9; }
 .upbtn{ margin:40px 0 0 15px; display:block; padding:2px 5px; border:1px solid #eaeaea;}
-.upbtn:hover{border:1px solid #64bdd9; color:#64bdd9;cursor: pointer;}
+.upbtn:hover{color:#64bdd9;cursor: pointer;}
 .upload_file{margin-left: -60px;margin-top: 40px;width: 50px;position: absolute;height: 24px;opacity: 0;cursor: pointer}
 /* 功能倒计时*/
 .w_img{ float:left; margin:10px 10px 15px 0px;}