amis input-image类型字段在手机端多选状态下上传图片无法上传图片

dauxcl2d  于 9个月前  发布在  其他
关注(0)|答案(1)|浏览(98)
描述问题:

input-image类型字段在手机端多选状态下上传图片无法上传图片(想微信朋友圈一样,可一次性上传多张图片或者一张图片)

截图或视频:

6_1721038301.mp4

如何复现(请务必完整填写下面内容):
  1. 你是如何使用 amis 的?
    sdk
  2. amis 版本是什么?请先在最新 beta 版本测试问题是否存在
    6.3
  3. 粘贴有问题的完整 amis schema 代码:
  1. {
  2. "type": "page",
  3. "body": {
  4. "type": "form",
  5. "debug": true,
  6. "api": "https://3xsw4ap8wah59.cfc-execute.bj.baidubce.com/api/amis-mock/mock2/form/saveForm",
  7. "body": [
  8. {
  9. "type": "input-image",
  10. "name": "image",
  11. "label": "image",
  12. "multiple": true,
  13. "receiver": "https://3xsw4ap8wah59.cfc-execute.bj.baidubce.com/api/amis-mock/upload/file",
  14. "autoFill": {
  15. "myUrl": "${items|pick:url}",
  16. "lastUrl": "${items|last|pick:url}"
  17. }
  18. },
  19. {
  20. "type": "tpl",
  21. "label": false,
  22. "inline": false,
  23. "tpl": "<strong>myUrl集合</strong>"
  24. },
  25. {
  26. "type": "each",
  27. "name": "myUrl",
  28. "className": "mb-1",
  29. "items": {
  30. "type": "tpl",
  31. "tpl": "<span class='label label-info m-l-sm inline-block mb-1'>${item}</span>"
  32. }
  33. },
  34. {
  35. "type": "tpl",
  36. "label": false,
  37. "inline": false,
  38. "tpl": "<strong>lastUrl</strong>"
  39. },
  40. {
  41. "type": "text",
  42. "name": "lastUrl",
  43. "label": "lastUrl",
  44. "inline": false
  45. }
  46. ]
  47. }
  48. }
  1. 操作步骤
    1、进入amis官网文档找到input-image字段控件多选示例](https://baidu.github.io/amis/zh-CN/components/form/input-image#%E5%A4%9A%E9%80%89%E6%A8%A1%E5%BC%8F)
    2、手机端点击上传图片,手机端会自动切换为多选模式。在这种模式下无法上传图片,必须点预览切换成单选模式下才能上传图片
    3、官网的示例虽然没有这种问题,但上传多张图片,都是第一张图片

jobtbby3

jobtbby31#

我也是,那个自动上传的接口,上传文件掉了

相关问题