vant上传到服务器功能

最新推荐文章于 2023-10-31 11:21:04 发布

Tapuhey

最新推荐文章于 2023-10-31 11:21:04 发布

阅读量577

点赞数

分类专栏： vue js 文章标签：服务器 javascript 前端

本文链接：https://blog.csdn.net/weixin_45103372/article/details/125205271

版权

vue 同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

3 篇文章 0 订阅

订阅专栏

<van-uploader v-model="form.data"  :after-read="afterRead">
                    <div class="upImg">
                        <img style="width:2rem;height:2rem" src="../img/up.png" alt="">
                        <p>上传资料<span style="color: red;">(请上传确认资料)</span></p>
                    </div>
                </van-uploader>

            afterRead(file) {
                let _this = this;
                // 此时可以自行将文件上传至服务器
                console.log(file);
                const formData = new FormData(); // 声明一个FormData对象
                formData.append("file", file.file);
                $.ajax({
                    url: host + '/htb-admin/api/file/upLoad',
                    type: 'POST',
                    contentType: 'multipart/form-data',
                    processData: false, // 增加这一行，不处理参数
                    contentType: false,
                    data: formData,
                    success: function (res) {
                        if (res.code == 200) {
                            _this.form.data.forEach((ele, i) => {
                                if (ele.file.lastModified == file.file.lastModified) {
                                    _this.form.data[i].content = res.msg.split('htb')[1]
                                }
                            });
                        }
                    }
                })
            },