yangfan
/
workflow


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
							<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="renderer" content="webkit">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <title>签名上传</title>
  <script src="cdn/sdk/sdk.js"></script>
  <link rel="stylesheet" href="cdn/sdk/sdk.css">
  <link rel="stylesheet" href="cdn/sdk/iconfont.css">
</head>
<body>
<div id="amis"></div>
</body>
<script>
  function getQueryString(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
    var r = window.location.search.substr(1).match(reg);
    if (r != null) {
      return unescape(r[2]);
    }
    return null;
  }
  // 这样调用：
  const uuid = getQueryString("uuid");
  const userid = getQueryString("userid");
  const tenantId = getQueryString("tenantId");
  const amis = amisRequire("amis/embed");
  const files = [];
  function dataURLtoFile(dataurl, filename) {
    var arr = dataurl.split(","),
      mime = arr[0].match(/:(.*?);/)[1],
      bstr = atob(arr[1]),
      n = bstr.length,
      u8arr = new Uint8Array(n);
    while (n--) {
      u8arr[n] = bstr.charCodeAt(n);
    }
    return new File([u8arr], filename, { type: mime });
  }
  amis.embed("#amis", {
    type: "page",
    body: {
      type: "form",
      title: "签名上传",
      api: {
        method: "post",
        url: "/api/file/uploadFile/record",
        requestAdaptor: function(api, context) {
          let data = api.data;
          let file = dataURLtoFile(data.file, "file.jpg");
          return {
            ...api,
            data: {
              file: file,
              "serialNumber": uuid,
              "tenantId": tenantId
            }
          };
        }
      },
      body: [
        {
          type: "input-signature",
          name: "file"
        },
        {
          type: "image",
          name: "file"
        }
      ]
    }
  });
</script>
</html>