yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-08-15 04:08:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #5600 from strapi/features/media-lib-download-file

Browse Source 
Add download file option
This commit is contained in:
ELABBASSI Hicham 2020-03-26 09:47:14 +01:00 committed by GitHub
commit d06aa78f5f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 26 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
packages/strapi-plugin-upload/admin/src/components/EditForm/index.js
View File

@ -1,3 +1,4 @@
/* eslint-disable jsx-a11y/anchor-is-valid */
/* eslint-disable react/jsx-fragments */ /* eslint-disable react/jsx-fragments */
import React, { import React, {
Fragment, Fragment,
@ -8,6 +9,7 @@ import React, {
useImperativeHandle, useImperativeHandle,
} from 'react'; } from 'react';
import { CopyToClipboard } from 'react-copy-to-clipboard'; import { CopyToClipboard } from 'react-copy-to-clipboard';
import axios from 'axios';
import { get } from 'lodash'; import { get } from 'lodash';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import { Inputs } from '@buffetjs/custom'; import { Inputs } from '@buffetjs/custom';
@ -205,7 +207,22 @@ const EditForm = forwardRef(
}; };
const handleClickDownload = () => { const handleClickDownload = () => {
aRef.current.click(); axios
.get(prefixedFileURL, {
headers: new Headers({ Origin: window.location.origin, mode: 'cors' }),
responseType: 'blob',
})
.then(({ data }) => {
const blobUrl = URL.createObjectURL(data);
aRef.current.download = downloadFileName;
aRef.current.href = blobUrl;
aRef.current.click();
})
.catch(err => {
console.error(err);
});
}; };
const handleSubmit = e => { const handleSubmit = e => {
@ -242,17 +259,14 @@ const EditForm = forwardRef(
type="download" type="download"
onClick={handleClickDownload} onClick={handleClickDownload}
/> />
{isFileDownloadable && ( <a
<a title={fileToEdit.fileInfo.name}
href={fileURL} style={{ display: 'none' }}
title={fileToEdit.fileInfo.name} ref={aRef}
download={downloadFileName} >
style={{ display: 'none' }} hidden
ref={aRef} </a>
>
hidden
</a>
)}
<CopyToClipboard onCopy={handleCopy} text={prefixedFileURL}> <CopyToClipboard onCopy={handleCopy} text={prefixedFileURL}>
<CardControl color="#9EA7B8" type="link" /> <CardControl color="#9EA7B8" type="link" />
</CopyToClipboard> </CopyToClipboard>