ついでなので、ファイルをpostするところまで追加してみる。 <div id="app"> <div> <h2>Select an image</h2> <input type="file" @change="onFileChange"> </div> <div v-if="image"> <h2>{{imgName}}</h2> <img :src="image" /> <button @click="removeImage">Remove image</button> <button @click="submitImage">Submit image</button> </div> </div>

File APIなんてものが使えるようになってたのね。 IE10以上、ならいいんじゃないかなー。 で、こちらを参考に。 codepen.io <div id="app"> <div v-if="!image"> <h2>Select an image</h2> <input type="file" @change="onFileChange"> </div> <div v-else> <img :src="image" /> <button @click="removeImage">Remove image</button> </div> </div> var app = new Vue({ …