欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue vant 使用ajax上传文件注意事项

程序员文章站 2022-07-14 20:38:04
...
vue vant 触上传文件方法
//上传文件组件 https://youzan.github.io/vant/#/zh-CN/popup#zhi-ding-gua-zai-wei-zhi
<van-uploader :after-read="afterRead"  v-model="product.images"  :name="index" max-size="1024*1024*2" max-count="3"></van-uploader>
afterRead(file, index) {
    console.log(index);

    // 自定义form表单
    let data= new FormData();
    data.append('iFile',file.file);
    
    $.ajax({
        type:"post",
        url:"/index.php?s=home/upload/image",
        data: data,
        contentType: false,
        // 不进行 urlencode转换
        processData: false, 
        success:function(res){
            console.log(res.data);

        }
    });
},