uploadFile.html 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  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 tenantId = getQueryString("tenantId")
  30. const amis = amisRequire('amis/embed')
  31. const files = []
  32. amis.embed('#amis', {
  33. "type": "page",
  34. "body": {
  35. "type": "form",
  36. "title": "文件上传",
  37. "data": {
  38. "image": []
  39. },
  40. "body": [
  41. {
  42. "type": "input-image",
  43. "name": "files",
  44. "multiple": true,
  45. "draggable": true,
  46. "autoUpload": false,
  47. "hideUploadButton": true,
  48. "maxLength": limit,
  49. "receiver":{
  50. "method": "post",
  51. "url": "/api/file/uploadFile/record",
  52. "data": {
  53. "serialNumber": uuid,
  54. "tenantId" : tenantId
  55. },
  56. adaptor: function (payload) {
  57. return {
  58. ...payload,
  59. status: payload.code === 200 ? 0 : payload.code,
  60. data: {
  61. value: payload.data.id,
  62. url: payload.data.id
  63. }
  64. };
  65. }
  66. },
  67. }
  68. ]
  69. }
  70. })
  71. </script>
  72. </html>