vue项目中使用axios上传文件显示进度

 <h4>上传文件：</h4>

            <p class="input-zone">

                <span v-if="filename">{ {filename}}</span>

                <span v-else>+请选择文件上传+</span>

                <input type="file" name="file" value="" placeholder="请选择文件" @change="upload" multiple="multiple" />

            </p>

           

 

           <p>上传进度：</p>

            <div class="progress-wrapper">

                <div class="progress-progress" :style="uploadStyle"></div>

                <div class="progress-rate">{ {(uploadRate*100).toFixed(2)}}%</div>

            </div>