I want to get the details of the uploaded image
To choose Image I am using following code in VF
<div class="form-group">
<label class="lbl">Image</label>
<apex:inputFile value="{!att.Body}" fileName="{!att.Name}" contentType="{!att.ContentType}"/>
</div>
I want to get Location info and Created date of Image.
Following page utilizes Exchangeable Image File library and apex:inputfile example.
Exif.getData function reads GPS data from image and stores it as description in document record.
VF:
<apex:page standardController="Document" extensions="documentExt" >
<apex:includeScript value="{!$Resource.exif}"/>
<script>
function getGPSdata(e) {
EXIF.getData(e.files[0], function() {
var obj = {};
obj.Latitude = EXIF.getTag(this, "GPSLatitude");
obj.Longitude = EXIF.getTag(this, "GPSLongitude");
obj.LastModifiedDate = this.lastModifiedDate;
document.querySelectorAll('[id$="desc"]')[0].value = JSON.stringify(obj);
});
}
</script>
<apex:messages />
<apex:form >
<apex:pageBlock >
<apex:pageBlockSection columns="1">
<apex:inputFile value="{!document.body}" filename="{!document.name}"
onchange="getGPSdata(this)" />
<apex:inputField value="{!document.description}" id="desc" />
<apex:commandButton value="Save" action="{!save}"/>
</apex:pageBlockSection>
</apex:pageBlock>
</apex:form>
</apex:page>
Apex left unmodifed:
public class documentExt {
public documentExt(ApexPages.StandardController controller) {
Document d = (Document) controller.getRecord();
d.folderid = UserInfo.getUserId(); //this puts it in My Personal Documents
} }
Demo:
Exif tags could be found here
Don't forget to create static resource with name exif and upload exif.js file
To get the location info of the image you have to read EXIF info of the image. I do not know whether Apex has out of the box methods to do it. Any body can let me know if it is there.
But you can do this with jQuery with jQuery fileEXIF plugin.
Here are some tutorials links.
How to get EXIF data from images using jQuery - http://rrike.sh/jquery/how-to-get-exif-data-from-images-using-jquery/
Demo Link - http://jsfiddle.net/noonon/Ls5Dw/
