美文网首页
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