富文本框上传时是什么类型
时间: 2023-08-09 07:09:38 浏览: 40
富文本编辑器上传时,通常会将上传的文件转换成Blob对象或者File对象。
Blob对象是一个代表二进制数据的对象,可以是图片、音频、视频等二进制文件。在上传图片时,通常会将图片转换成Blob对象,然后将Blob对象作为FormData的参数进行提交。
File对象继承了Blob对象,并且添加了一些属性和方法。File对象通常表示从文件 input 中选择的文件。在上传文件时,通常会将文件转换成File对象,然后将File对象作为FormData的参数进行提交。
在使用富文本编辑器上传图片时,一般会使用FileReader对象将图片转换成Blob对象或者File对象,然后将Blob对象或者File对象作为FormData的参数进行提交。具体实现可以参考以下代码:
```
var fileInput = document.getElementById('fileInput');
var file = fileInput.files[0];
var reader = new FileReader();
reader.onload = function(e) {
var blob = new Blob([e.target.result], {type: file.type});
var formData = new FormData();
formData.append('file', blob, file.name);
// 发送formData到后端
};
reader.readAsArrayBuffer(file);
```
以上代码中,首先获取了用户选择的文件,然后使用FileReader对象将文件转换成ArrayBuffer类型的数据,接着创建一个Blob对象,并将ArrayBuffer数据存储到Blob对象中,最后将Blob对象作为FormData的参数进行提交。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)