美文网首页
vue上传文件显示进度条

vue上传文件显示进度条

作者: 命题_1f6e | 来源:发表于2020-05-15 15:32 被阅读0次
var form = new FormData()
    form.append('file', vm.$refs.upload.files[0])

    form.append('id', id)

    form.append('type', type)

    var config = {

        onUploadProgress: progressEvent => {

            var complete = (progressEvent.loaded / progressEvent.total * 100 | 0) + '%'

            this.progress = complete

        }

    }

    axios.post(`api/uploadFile`,

        form, config).then((res) => {

        if (res.data.status === 'success') {

            console.log('上传成功')

        }

    })

相关文章

网友评论

      本文标题:vue上传文件显示进度条

      本文链接:https://www.haomeiwen.com/subject/csbcohtx.html