8e5a5a57a9
* First pass * Documentation * Added optional documentId relationship * name -> key * cleanup: No need for separate documentId prop
57 lines
1.2 KiB
JavaScript
57 lines
1.2 KiB
JavaScript
// @flow
|
|
import { client } from './ApiClient';
|
|
import invariant from 'invariant';
|
|
|
|
type Options = {
|
|
name?: string,
|
|
documentId?: string,
|
|
};
|
|
|
|
export const uploadFile = async (
|
|
file: File | Blob,
|
|
options?: Options = { name: '' }
|
|
) => {
|
|
const name = file instanceof File ? file.name : options.name;
|
|
const response = await client.post('/users.s3Upload', {
|
|
documentId: options.documentId,
|
|
contentType: file.type,
|
|
size: file.size,
|
|
name,
|
|
});
|
|
|
|
invariant(response, 'Response should be available');
|
|
|
|
const data = response.data;
|
|
const asset = data.asset;
|
|
const formData = new FormData();
|
|
|
|
for (const key in data.form) {
|
|
formData.append(key, data.form[key]);
|
|
}
|
|
|
|
// $FlowFixMe
|
|
if (file.blob) {
|
|
// $FlowFixMe
|
|
formData.append('file', file.file);
|
|
} else {
|
|
formData.append('file', file);
|
|
}
|
|
|
|
await fetch(data.uploadUrl, {
|
|
method: 'post',
|
|
body: formData,
|
|
});
|
|
|
|
return asset;
|
|
};
|
|
|
|
export const dataUrlToBlob = (dataURL: string) => {
|
|
var blobBin = atob(dataURL.split(',')[1]);
|
|
var array = [];
|
|
for (var i = 0; i < blobBin.length; i++) {
|
|
array.push(blobBin.charCodeAt(i));
|
|
}
|
|
const file = new Blob([new Uint8Array(array)], { type: 'image/png' });
|
|
return file;
|
|
};
|