amis 采用receiver文件上传后表单自动退出

yk9xbfzb  于 4个月前  发布在  其他
关注(0)|答案(2)|浏览(112)
描述问题:

采用receiver文件上传后表单直接退出,之前测试没问题,但是突然就不行了。

截图或视频:

1.选择照片文件

2.直接跳出提交的表单

如何复现(请务必完整填写下面内容):
  1. 你是如何使用 amis 的?
    sdk模式,并且receiver的直接请求的2种写法都尝试了一下
    receiver: "post:http://localhost:8090/studentauth/upload" // receiver: { // url:"http://localhost:8090/studentauth/upload", // method:"post", // headers:{ // token: ${localStorage.getItem('token')} // } // // , // // adaptor: function (payload, response) { // // console.log("xixi") // // return payload; // // } // }
  2. amis 版本是什么?请先在最新 beta 版本测试问题是否存在
  3. 粘贴有问题的完整 amis schema 代码:
{
      type:"button",
      actionType:"dialog",
      name:"addobject",
      label:"新增",
      icon:"fa fa-plus pull-left",
      primary:"true",
      dialog:{
        title:"新增",
        body:{
          type:"form",
          name:"sample-edit-form",
          api:{
              url:"http://localhost:8090/studentauth",
              method:"post",
              headers:{
                token: `${localStorage.getItem('token')}`  
              }
          },
          body:[
            {
              type:"input-text",
              name:"name",
              label:"名称",
              required:true
            },
            {
              "type": "divider"
            },
            {
              type:"input-text",
              name:"grade",
              label:"年级",
              required:true
            },
            {
              "type": "divider"
            },
            {
              type:"input-text",
              name:"clazz",
              label:"班级",
              required:true
            },
            {
              "type": "divider"
            },
            {
              type:"select",
              name:"gender",
              label:"性别",
              inline:true,
              options:[
                {
                  label:"男",
                  value:1
                },
                {
                  label:"女",
                  value:0
                }
              ]
            }
            ,
            {
            type: "input-file",
            name: "file",
            label: "File",
            accept: ".jpg,.png,.webp",
            maxSize: 1048576,
            receiver: "post:http://localhost:8090/studentauth/upload"
            // receiver: {
            //   url:"http://localhost:8090/studentauth/upload",
            //   method:"post",
            //   headers:{
            //     token:`${localStorage.getItem('token')}`
            //   }
            //   // ,
            //   // adaptor: function (payload, response) {
            //   //   console.log("xixi")
            //   //   return payload;
            //   // }
            // }
            }
          ]
        }
      }

    }
  1. 操作步骤
    1.点击新增
    2.上传文件
    3.表单被自动关闭
ykejflvf

ykejflvf1#

我已经重新写了一遍了,发现从0开始一步一步来还是有直接刷新页面的bug
如果没搞错的话算是一个bug

0aydgbwb

0aydgbwb2#

草,找到原因了,vscode上传图片后会重新编译

相关问题