matrix/matrix-react-sdk
1
0
Fork 0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-11-10 09:22:25 +03:00
Code Activity

Adjust MIME type of upload confirmation if needed

Browse Source 
This filters the MIME type of uploaded files to ensure we display safely.
This commit is contained in:
J. Ryan Stinnett
2021-05-06 14:39:44 +01:00
parent 437f13cf76
commit dc50d27985
1 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/views/dialogs/UploadConfirmDialog.tsx
View File

@@ -20,6 +20,7 @@ import * as sdk from '../../../index';
import { _t } from '../../../languageHandler'; import { _t } from '../../../languageHandler';
import filesize from "filesize"; import filesize from "filesize";
import { replaceableComponent } from "../../../utils/replaceableComponent"; import { replaceableComponent } from "../../../utils/replaceableComponent";
import { getBlobSafeMimeType } from '../../../utils/blobs';
interface IProps { interface IProps {
file: File; file: File;
@@ -31,6 +32,7 @@ interface IProps {
@replaceableComponent("views.dialogs.UploadConfirmDialog") @replaceableComponent("views.dialogs.UploadConfirmDialog")
export default class UploadConfirmDialog extends React.Component<IProps> { export default class UploadConfirmDialog extends React.Component<IProps> {
private objectUrl: string; private objectUrl: string;
private mimeType: string;
static defaultProps = { static defaultProps = {
totalFiles: 1, totalFiles: 1,
@@ -39,7 +41,13 @@ export default class UploadConfirmDialog extends React.Component<IProps> {
constructor(props) { constructor(props) {
super(props); super(props);
this.objectUrl = URL.createObjectURL(props.file); // Create a fresh `Blob` for previewing (even though `File` already is
// one) so we can adjust the MIME type if needed.
this.mimeType = getBlobSafeMimeType(props.file.type);
const blob = new Blob([props.file], { type:
this.mimeType,
});
this.objectUrl = URL.createObjectURL(blob);
} }
componentWillUnmount() { componentWillUnmount() {
@@ -76,7 +84,7 @@ export default class UploadConfirmDialog extends React.Component<IProps> {
} }
let preview; let preview;
if (this.props.file.type.startsWith('image/')) { if (this.mimeType.startsWith('image/')) {
preview = <div className="mx_UploadConfirmDialog_previewOuter"> preview = <div className="mx_UploadConfirmDialog_previewOuter">
<div className="mx_UploadConfirmDialog_previewInner"> <div className="mx_UploadConfirmDialog_previewInner">
<div><img className="mx_UploadConfirmDialog_imagePreview" src={this.objectUrl} /></div> <div><img className="mx_UploadConfirmDialog_imagePreview" src={this.objectUrl} /></div>