在開發過程中，圖片的上傳是非常常見的需求。在Vue中，可以利用HTTP來上傳圖片，這是利用XMLHttpRequest對象實現的。

首先，我們需要安裝Axios包，它是基于Promise函數實現的HTTP庫，在Vue中可以方便地使用。可以使用npm進行安裝，如下代碼所示：

npm install axios --save

之后，我們需要在Vue組件中使用Axios來完成上傳圖片的功能。在template塊中，我們需要添加一個表單用于上傳圖片，如下所示：

<template>
<div>
<form>
<input type="file" v-on:change="handleFileInputChange" />
<button v-on:click="uploadFile">上傳</button>
</form>
</div>
</template>

其中，我們添加了一個input元素用于選擇文件，添加了一個按鈕用于上傳文件。需要注意的是，我們通過v-on指令綁定了兩個事件，一個是文件選擇事件，一個是上傳事件。這些事件在Vue組件的methods塊中處理。

在methods塊中，我們需要添加兩個函數，一個是處理文件選擇事件的函數，一個是處理上傳事件的函數，如下所示：

<script>
import axios from 'axios';
export default {
methods: {
handleFileInputChange(event) {
const file = event.target.files[0];
this.file = file;
},
uploadFile() {
const formData = new FormData();
formData.append('file', this.file);
axios.post('/api/upload', formData, {
headers: {
'Content-Type': 'multipart/form-data'
}
}).then(response =>{
console.log(response.data);
}).catch(error =>{
console.log(error);
});
}
},
data() {
return {
file: ''
};
}
};
</script>

在上述代碼中，我們通過handleFileInputChange函數獲取了選擇的文件，并將其存儲在Vue組件的data中。在uploadFile函數中，我們利用Axios發送POST請求，將文件上傳到服務器。需要注意的是，在發送請求時需要設置header，這里我們設置為'multipart/form-data'。

當文件上傳成功后，服務器會返回響應數據，在這里我們只是簡單地將響應數據輸出到控制臺中。當然，你也可以根據需要進行其他處理。

以上就是Vue HTTP上傳圖片的簡單介紹，利用Axios可以實現方便的HTTP文件上傳。需要注意的是，當上傳大文件時，可能會遇到一些問題，需要在服務器端進行相關設置。