不知道你这个问题是否已经解决, 如果还没有解决的话:
- 以下回答来自chatgpt:
如果在Tinymce富文本编辑器中使用element plus的上传组件无法正常工作,并且使用ref.submit()方法也无法触发上传操作,可以考虑使用axios进行上传操作。
步骤如下:
1.在Tinymce中增加一个upload函数,该函数将文件上传到阿里云。例如:
```javascript
upload(file) {
// 发起请求获取oss参数
axios.get('/getOssParam').then(res => {
const formData = new FormData();
formData.append('key', res.data.key);
formData.append('policy', res.data.policy);
formData.append('OSSAccessKeyId', res.data.accessid);
formData.append('success_action_status', '200');
formData.append('signature', res.data.signature);
formData.append('file', file);
// 上传文件
axios.post(res.data.host, formData).then((response) => {
console.log('上传成功:' + response.url);
// 将上传成功的url返回给富文本编辑器
this.$emit('insertImage', response.url);
}).catch((error) => {
console.log(error);
});
}).catch(error => {
console.log(error);
});
}
```
2.在Tinymce中添加一个上传按钮,并绑定upload函数即可。例如:
```javascript
上传图片
<script></script>
```
这样就可以在Tinymce中上传文件到阿里云了。请注意:在上传文件之前需要发起请求获取阿里云的oss参数,该函数的实现需要使用axios或其他类似的库。
如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^