I have an url of the image(Not from salesforce) which is stored in another system.
Can i download that file by providing link to the URL in my Lightning component ?
I have tried with "**lightning:formattedUrl value="https://www.someimage…." />" but it doesn't support download.
If you use Files or content related object there is a simple event with new lightning namespace which can be used
Here is a sample quick POC
<aura:component implements="force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId,forceCommunity:availableForAllPageTypes" access="global" >
<aura:attribute name="contentId" type="String" default="069B00000015QMwIAM"/>
<lightning:button variant="brand" label="Preview Reciept" onclick="{!c.preview }" />
Note that the default here is the Id of the content document .
The controller code for same is below
({
preview : function(component, event, helper) {
$A.get('e.lightning:openFiles').fire({
recordIds: [component.get("v.contentId")]
});
}
})
Here is how the component looks in the UI
Once you click this the below should appear
For SF1 there is a repo which covers the same using a third party JS library
https://github.com/kumarrk21/PDFViewer/tree/master/src/aura
After the discussion in the comments of the question, here is how you can use navigateToURL event. Update your setCallBack to this.
actiondownload.setCallback(this, function(b){
component.set("v.Baseurl", b.getReturnValue());
var urlEvent = $A.get("e.force:navigateToURL");
urlEvent.setParams({
"url": b.getReturnValue()
});
urlEvent.fire();
}
Best Answer
As per my understanding, you want to download the image, so salesforce will provide download feature with below link and it is only for the documents saved in Salesforce.
You might need to save the image in documents tab of Salesforce and Id needs to be added in below URL.
I don't think Salesforce will allow you to download the external image. We can view it but download until that content is added in Salesforce seems to be difficult.
In case of lightning:formattedUrl, below link will go in "Value" attribute and you can keep "Label" as any free text.
Thanks!