前端文件上传有两种方式,第一种通过二进制blob传输(formData传输),第二种是通过base64传输
file对象其实是blob的子类
blob对象的第一个参数必须是一个数组,你可以把一个file对象放进去就可以给你转成blob对象
formData可以使一个files以一个二进制的形式传递给后端
fileReader用于把文件(file对象或者blob对象)读成某种形式,如base64,text文本
- <div>
- <input type="file" name="file" @change="FileChange">
- div>
- template>
-
- <script>
- export default {
- name: 'HelloWorld',
- props: {
-
- },
- methods:{
- FileChange(e){
- let file=e.target.files[0]
- console.log(new Blob([file]),'blob')
- }
- }
-
- }
- script>