socialforge/app/views/avatar/_avatar_form.html.erb

<div id="avatardiv">
<style type="text/css">
	a, a:hover {text-decoration:none;}
	.btn_addPic
	{
		position: relative;
		left: 15px;
		height: 17px;
		width: 50px;
		overflow: hidden;
		padding: 2px 8px;
		border: 1px solid #EBEBEB;
		background: none repeat scroll 0 0 #F3F3F3;
		color: #999999;
		font: 12px 'Simhei';
		cursor: pointer;
		text-align: center;
	}
	.btn_addPic em 
	{	 
		width: 40px;
		height: 17px;
		overflow: hidden;
		margin: 0;
		line-height: 20em;
		vertical-align: middle;
	}
	.btn_addPic:hover em
	{
		background-position: 0;
	}
	.file_selector
	{
		position: relative;
        opacity: 0;
		filter: alpha(opacity:0);
	}
</style>
<div style="padding-left:60px;">
<span id="attachments_fields">
    <%= image_tag(url_to_avatar(source), id: "avatar_image", size: AvatarHelper::AVATAR_SIZE,:class=>"avatar")%>
    <div id="avatar_file" style="width: 100px">
    	<div id="upload_progressbar" style="height:14px; margin-bottom: 10px;display: block"></div>
    </div>
</span>
<%#= 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 => "btn_addPic", :style => "text-decoration:none;" %>
  <a href="javascript:void(0);" class="btn_addPic" style="text-decoration:none;">
	<span><%= l(:button_upload_photo) %></span>
  </a>
  <!--         :accept => 'image/png,image/gif,image/jpeg', -->
<span class="add_avatar" style="margin-left: -55px;width: 70px">
	<%= file_field_tag 'avatar[image]',
      	:id => nil,
      	:class => 'file_selector',
      	:style => 'width:70px;',#added by young
      	:size => "1",
      	:multiple => false,
      	:onchange => 'addInputAvatar(this);',
      	:data => {
        	:max_file_size => Setting.attachment_max_size.to_i.kilobytes,
        	:max_file_size_message => l(:error_attachment_too_big, :max_size => number_to_human_size(Setting.attachment_max_size.to_i.kilobytes)),
        	:max_concurrent_uploads => Redmine::Configuration['max_concurrent_ajax_uploads'].to_i,
            :file_type => Redmine::Configuration['pic_types'].to_s,
            :type_support_message => l(:error_pic_type),
        	:upload_path => upload_avatar_path(:format => 'js'),
        	:description_placeholder => nil ,# l(:label_optional_description)
        	:source_type => source.class.to_s,
        	:source_id => source.id.to_s
   } %>
</span>

</div>
<% content_for :header_tags do %>
  <%= javascript_include_tag 'avatars' %>
<% end %>
</div>