美文网首页
vant-upload上传

vant-upload上传

作者: IT宝哥哥 | 来源:发表于2019-08-29 16:45 被阅读0次

在使用vant组件vant-upload上传图片的时候,代码如下:

//html
<van-uploader :after-read="onRead" multiple>
                <van-icon name="photograph"/>
            </van-uploader>

//js
onRead(file, detail) {
                let self = this;
                let data = new FormData();
                if (file instanceof Array) {
                    file.forEach((item, index) => {
                        window.console.log('index', index);
                        self.data.append(`file${index}`, item.file);
                    })
                } else {
                    self.data.append(`file`, file.file)
                }
                window.console.log('file:', file, 'detail:', detail);
                /*this.upload(data)
                    .then((res) => {
                        window.console.log('res:', res);
                    })
                    .catch(reason => {
                        window.console.log(reason);
                    })*/
            }

后端正常接收

相关文章

网友评论

      本文标题:vant-upload上传

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