###main view

<%= javascript_include_tag ('insertphoto')%>


<%= text_area 'article', 'body'%>

<a HREF="javascript:void(0)" onClick="myPopup()">insert image</a>


### image_upload.rhtml
<%= start_form_tag({:action => 'image_upload'}, :multipart => true) %>

  <p>
    <b>Picture:</b><br />
    <%= file_field_tag "picture" %>
  </p>

  <p><%= submit_tag "Save" %></p>
<%= end_form_tag %>

insertAtCursor(document.myform.article_body, ‘photo_url’);




##controller


    def image_upload
      if request.post?
        @myloc="#{RAILS_ROOT}" + '/public/images/' + "#{Time.now.to_i}" + '.jpg'
			  File.open(@myloc , "wb") do |f|
  			f.write(params['picture'].read)
			end
  		end
    end

### js functions



function myPopup(){
window.open('/writer/image_upload', 'MyPopUp',  'width=632,height=270,toolbar=0,scrollbars=0,screenX=200,screenY=200,left=200,top=200')
}

function insertAtCursor(myField, myValue) {
//IE support
if (document.selection) {
myField.focus();
sel = document.selection.createRange();
sel.text = myValue;
}
//MOZILLA/NETSCAPE support
else if (myField.selectionStart || myField.selectionStart == ‘0′) {
var startPos = myField.selectionStart;
var endPos = myField.selectionEnd;
myField.value = myField.value.substring(0, startPos)
+ myValue
+ myField.value.substring(endPos, myField.value.length);
} else {
myField.value += myValue;
}
}