uploadFile.html 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/html">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  6. <meta name="renderer" content="webkit">
  7. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  8. <title>巨一数字协同平台</title>
  9. <script src="cdn/sdk/sdk.js"></script>
  10. <link rel="stylesheet" href="cdn/sdk/sdk.css">
  11. <link rel="stylesheet" href="cdn/sdk/iconfont.css">
  12. </head>
  13. <body>
  14. <div id="amis"></div>
  15. </body>
  16. <script>
  17. function getQueryString(name) {
  18. var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
  19. var r = window.location.search.substr(1).match(reg);
  20. if (r != null) {
  21. return unescape(r[2]);
  22. }
  23. return null;
  24. }
  25. // 这样调用:
  26. const uuid = getQueryString("uuid")
  27. const userid = getQueryString("userid")
  28. const limit = getQueryString("limit")
  29. const amis = amisRequire('amis/embed')
  30. const files = []
  31. amis.embed('#amis', {
  32. "type": "page",
  33. "body": {
  34. "type": "form",
  35. "title": "文件上传",
  36. "data": {
  37. "image": []
  38. },
  39. "body": [
  40. {
  41. "type": "input-image",
  42. "name": "files",
  43. "multiple": true,
  44. "draggable": true,
  45. "autoUpload": false,
  46. "hideUploadButton": true,
  47. "maxLength": limit,
  48. "receiver":{
  49. "method": "post",
  50. "url": "/api/file/uploadFile/record",
  51. "data": {
  52. "serialNumber": uuid
  53. },
  54. adaptor: function (payload) {
  55. return {
  56. ...payload,
  57. status: payload.code === 200 ? 0 : payload.code,
  58. data: {
  59. value: payload.data.id,
  60. url: payload.data.id
  61. }
  62. };
  63. }
  64. },
  65. }
  66. ]
  67. }
  68. })
  69. </script>
  70. </html>