2016-11-06 10:28:37 -08:00
|
|
|
<template>
|
2017-02-22 04:53:05 -08:00
|
|
|
<div class="media-upload" @drop.prevent @dragover.prevent="fileDrag" @drop="fileDrop">
|
2016-11-06 10:28:37 -08:00
|
|
|
<label class="btn btn-default">
|
2017-11-21 15:00:25 -08:00
|
|
|
<i class="base09 icon-spin4 animate-spin" v-if="uploading"></i>
|
|
|
|
<i class="base09 icon-upload" v-if="!uploading"></i>
|
2016-11-06 10:28:37 -08:00
|
|
|
<input type=file style="position: fixed; top: -100em"></input>
|
|
|
|
</label>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script src="./media_upload.js" ></script>
|
|
|
|
|
|
|
|
<style>
|
|
|
|
.media-upload {
|
|
|
|
font-size: 26px;
|
|
|
|
flex: 1;
|
|
|
|
}
|
2016-11-22 14:58:25 -08:00
|
|
|
|
|
|
|
.icon-upload {
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
2016-11-06 10:28:37 -08:00
|
|
|
</style>
|