如何在react-draft-wysiwyg中包含附加文件选项？

Question

我正在尝试使用react-draft-wysiwyg创建一个文本编辑器。

编辑器代码

<Editor 
  editorState={this.state.editorState}
  onEditorStateChange={this.onEditorStateChange}
  toolbar={{
    options: ['inline', 'fontSize', 'fontFamily','list', 
            'textAlign', 'colorPicker', 'link', 'image'],
    link:{
        defaultTargetOption:'_blank',
        popupClassName:"mail-editor-link"
    },
    image:{
        urlEnabled: true,
        uploadEnabled:true,
        uploadCallback:this.uploadImageCallBack,
        alignmentEnabled: true,
        defaultSize: {
            height: 'auto',
            width: 'auto',
        },
        inputAccept: 'image/gif,image/jpeg,image/jpg,image/png,image/svg'
    }
  }}
/>

我想添加文件的扩展名，如pdfs，txt，docx，xls作为附件。有没有人可以指导我如何实现文件附件？

Answer 1

您需要向inputAccept添加更多MIME类型。

inputAccept: 'application/pdf,text/plain,application/vnd.openxmlformatsofficedocument.wordprocessingml.document,application/msword,application/vnd.ms-excel'

以下是MIME类型的列表：

https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Complete_list_of_MIME_types