如何制作图像/文件
问题描述:
我希望能够下载图像/文件。 我想这就像在图像上悬停时的删除按钮。从服务器渲染图像时,理想状态将是下载图标。我的想法是这样的如何制作图像/文件
<a href={srcValue} download>
并包装img标签。并分别为文件。 那么有没有更好的方式来做到这一点,而不是覆盖所有文件(FileInput,FileInputPreview,ImageInput,ImageField等)
谢谢!
答
你可以试试这个。
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。您可以将它从记录中传递给网址,而不是整个记录。
你能编辑你的问题吗? '''当它们上传到服务器时能够下载图像/文件''这部分令人困惑 –
@ReiDien刚刚删除了这个。我的意思是当我们使用aor的现场组件时。 – thodwris