Comment faire des images/fichiers téléchargeables

Question

Je veux être en mesure de télécharger des images/fichiers. La façon dont je pense ceci est comme le bouton de suppression lorsque je survole l'image. L'idéal serait une icône de téléchargement lorsque l'image a été rendue à partir du serveur. Ma pensée est quelque chose comme ceci

<a href={srcValue} download> 

et d'img tag img. Et respectivement pour les fichiers. Donc, y at-il une façon plus décente de faire cela au lieu d'écraser tous les fichiers (FileInput, FileInputPreview, ImageInput, ImageField etc)

Merci!

Answer 1

Vous pouvez essayer ceci.

export const Something = (props) => { 
    return (
    <List {...props} > 
     <Datagrid> 
     <ReferenceField label="Get Image" source="id" reference="pathToImage" linkType={false} > 
      <ImageLink /> 
     </ReferenceField> 
     </Datagrid> 
    </List> 
) 
} 

const ImageLink = ({record}) => { 
    return (
    <a href={config.staticHost + '/' + record.nameOnDisk} target="_blank" download > 
     <FlatButton label="Download" /> 
    </a> 
) 
} 

Vous pouvez ignorer le champ ReferenceField si votre enregistrement contient l'URL de l'image. Le vous pouvez simplement lui passer l'URL de l'enregistrement et non l'ensemble du dossier.