vuejs的file对象如何上传

要在Vue.js中上传文件，可以使用axios库进行请求发送。以下是一个简单的上传代码示例：

// 获取文件输入框
var fileInput = document.getElementById('fileInput');

// 创建FormData对象
var formData = new FormData();

// 向FormData对象添加文件
formData.append('file', fileInput.files[0]);

// 发送上传请求
axios.post('/upload', formData, {
    headers: {
        'Content-Type': 'multipart/form-data'
    },
    onUploadProgress: function(progressEvent) {
        var percent = (progressEvent.loaded / progressEvent.total * 100).toFixed(2);
        console.log(percent + '% uploaded');
    }
}).then(function(response) {
    console.log('Upload success');
}).catch(function(error) {
    console.log('Upload error');
});

在上面的代码中，我们首先获取文件输入框，然后创建FormData对象，并向其添加要上传的文件。接着使用axios库发送POST请求，并将FormData对象作为请求体传递。同时，设置请求头Content-Type为multipart/form-data，以告诉服务器上传的是文件。还监听上传进度，并在上传完成后输出结果。