如何制作图像/文件

Question

我希望能够下载图像/文件。 我想这就像在图像上悬停时的删除按钮。从服务器渲染图像时，理想状态将是下载图标。我的想法是这样的

<a href={srcValue} download> 

并包装img标签。并分别为文件。 那么有没有更好的方式来做到这一点，而不是覆盖所有文件（FileInput，FileInputPreview，ImageInput，ImageField等）

谢谢！

Answer 1

你可以试试这个。

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> 
) 
} 

如果您的记录包含图像的URL，则可以跳过ReferenceField。您可以将它从记录中传递给网址，而不是整个记录。