[SalesForce] How to upload a image from local system to rich text field using visualforce page

Please take a look at the sample JS code below:

function readURL(input) {

    if (input.files && input.files[0]) {
        var reader = new FileReader();

        reader.onload = function (e) {
            $('#blah').attr('src', e.target.result);
        }

        reader.readAsDataURL(input.files[0]);
    }
}

$("#imgInp").change(function(){
    readURL(this);
});

and the associated HTML:

<form id="form1" runat="server">
    <input type='file' id="imgInp" />
    <img id="blah" src="#" alt="your image" />
</form>

Also, you can try this sample here.

Looks like rich text area field will be a smoother option, if you are looking for mass upload of images to records directly.

Below link might help you!

https://help.salesforce.com/apex/HTViewSolution?id=000002745&language=en_US

if you are looking for the existing images which were in documents to be shown on object record, you can still rely on rich text option or as Nirmal suggested you can use formula field., to be more specific with the implementation, you might need two fields: 1)

1. Text/url field which holds url of image from documents or static resources

2. A formula field which can display image in desired height and width by using the value from field 1.

Considering a scenario, where real user might need to have a way to upload / alter those images, rich text area field will help more.

Thanks,

Aryan