文件(File) · Froala HTML Editor 参考手册

### fileAllowedTypes | Type: | Array | |---| | Default: | ['*']| | Plugin: | file.min.js | 允许上载的文件类型的列表。虽然这将限制上传其他类型的文件，我们强烈建议您检查服务器上的文件类型。 #### CODE EXAMPLE ~~~ $('.selector').froalaEditor({ fileAllowedTypes: ['application/pdf', 'application/msword'] }); ~~~ ### fileInsertButtons | Type: | Array | |---| | Default: | ['fileBack', '\|'] | | Plugin: | file.min.js | 在插入文件弹出显示按钮列表，当插入一个新的文件到WYSIWYG编辑器。 #### CODE EXAMPLE ~~~ $('.selector').froalaEditor({ fileInsertButtons: [] }); ~~~ ### fileMaxSize | Type: | Number | |---| | Default: | 1024 * 1024 * 10| | Plugin: | file.min.js | 上载字节的最大文件大小。默认值是10MB。尽管在上载文件之前进行了附加检查，但是强烈建议检查服务器上的文件大小。 #### CODE EXAMPLE ~~~ $('.selector').froalaEditor({ fileMaxSize: 1024 * 1024 * 3 }); ~~~ ### fileUploadMethod | Type: | String | |---| | Default: | 'POST'| | Plugin: | file.min.js | HTTP文件上传请求类型。 #### CODE EXAMPLE ~~~ $('.selector').froalaEditor({ fileUploadMethod: 'PUT' }); ~~~ ### fileUploadParam | Type: | String | |---| | Default: | 'file'| | Plugin: | file.min.js | 自定义上载请求中包含文件的参数的名称。 #### CODE EXAMPLE ~~~ $('.selector').froalaEditor({ fileUploadParam: 'file_name' }); ~~~ ### fileUploadParams | Type: | Object | |---| | Default: | {}| | Plugin: | file.min.js | 将附加参数传递到文件上载请求。 #### CODE EXAMPLE ~~~ $('.selector').froalaEditor({ fileUploadParams: { id: 'my_editor' } }); ~~~ ### fileUploadToS3 | Type: | Object | |---| | Default: | false| | Plugin: | file.min.js | 设置文件上传到S3的选项。下面示例中的所有字段都是必需的。还要确保你已经启用 [CORS](http://docs.aws.amazon.com/AmazonS3/latest/dev/cors.html "CORS") 在亚马逊 **Note:** `uploadURL`属性可以用来代替 `bucket` 和 `region` 属性指定一个自定义的URL从Amazon那里上传图像。 #### CODE EXAMPLE ~~~ $('.selector').froalaEditor({ fileUploadToS3: { bucket: 'editor', region: 's3', keyStart: 'uploads/', callback: function (url, key) { // The URL and Key returned from Amazon. console.log (url); console.log (key); }, params: { acl: 'public-read', // ACL according to Amazon Documentation. AWSAccessKeyId: 'ACCESS_KEY', // Access Key from Amazon. policy: 'POLICY_STRING', // Policy string computed in the backend. signature: '', // Signature computed in the backend. } } }); ~~~ ### fileUploadURL | Type: | String | |---| | Default: | 'http://i.froala.com/upload'| | Plugin: | file.min.js | 保存用户上传的文件的URL。当一个文件被上传，编辑发送文件到服务器通过HTTP请求。服务器应该从 ` `文件的请求参数并返回一个包含 `链接` 场的链接，上传的文件的JSON对象的数据。更多细节可以在 [File Upload](https://www.froala.com/wysiwyg-editor/docs/concepts/file-upload "File Upload Concept") 查看概念. **E.g.** {link: 'path/to/file.pdf'}. **Note 1:** 默认情况下，文件存储在我们的服务器上，但如果您想完全控制它们，您应该考虑在服务器上实现上载。在我们的服务器上存储的文件，可以随时删除，没有任何通知。 **Note 2:** 如果保存文件的域与编辑器运行的区域不一样，则可能需要启用 [requestWithCORS](https://www.froala.com/wysiwyg-editor/docs/options#requestWithCORS "requestWithCORS") 选项，在服务器上进行具体的自定义。欲了解更多信息请参考[Cross-origin resource sharing](http://en.wikipedia.org/wiki/Cross-origin_resource_sharing "Cross-origin Resource Sharing"). #### CODE EXAMPLE ~~~ $('.selector').froalaEditor({ fileUploadURL: '/upload_file' }); ~~~ ### fileUseSelectedText | Type: | Boolean | |---| | Default: | false| | Plugin: | file.min.js | 允许在插入文件时使用文件名而不是选定文本。 #### CODE EXAMPLE ~~~ $('.selector').froalaEditor({ fileUseSelectedText: true }); ~~~