gpt4 book ai didi

amazon-sagemaker - AWS SageMaker - 提交按钮不适用于自定义模板

转载 作者:行者123 更新时间:2023-12-04 10:45:47 24 4
gpt4 key购买 nike

当我在 AWS SageMaker 上创建一个新作业时,使用我的自定义模板和人群表单(见附件示例)提交按钮不起作用,甚至无法点击。有没有办法让这项工作?尚未看到对 AWS 支持的良好回应。

$('#submitButton').onclick = function() {
$('crowd-form').submit();
};


<body>
<h2 id="hit">test</h2>
<canvas id="canvas" width=1210 height=687></canvas>
<crowd-button id="submitButton3">Test button</crowd-button>

<crowd-form>

<input type="hidden" name="path0" id="input0123" value="{{task.input.metadata.images.path0}}" />
<crowd-input label="Please input the character you see in the image" max-length="1" name="workerInput0"></crowd-input>

<crowd-button id="submitButto3223n">Submit123</crowd-button>

</div></div>

<crowd-button id="submitButton">Submit123</crowd-button>

</crowd-form>
<crowd-button id="submitButton1">Submit1232</crowd-button>

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
</body>

最佳答案

您的代码片段几乎没有问题。
以下是 SageMaker's HTML Reference 的链接和 Example for building custom Labeling template
首先删除所有提交按钮( <crowd-button> 元素)和 onClick事件处理程序。从这里您有两个选项使用默认的 SageMaker 提交按钮或在模板中创建自己的按钮。
使用 SageMaker 的提交按钮
省略提交按钮 ( crowd-button ),SageMaker 会自动在 crowd-form 中添加一个.根据文档 here
使用自定义提交按钮
在这种情况下,您需要:

  • 通过包含 crowd-button 阻止 SageMaker 添加按钮 crowd-form元素和设置 style="display: none;
  • 在模板的其他地方添加您自己的提交按钮并添加 onclick偶数处理程序将执行 form.submit()

  • 这是模板的工作示例(取自上述示例)。
    <script src="https://assets.crowd.aws/crowd-html-elements.js"></script>

    <link rel="stylesheet" href="https://s3.amazonaws.com/smgtannotation/web/static/css/1.3fc3007b.chunk.css">
    <link rel="stylesheet" href="https://s3.amazonaws.com/smgtannotation/web/static/css/main.9504782e.chunk.css">

    <div id='document-text' style="display: none;">
    {{ task.input.text }}
    </div>
    <div id='document-image' style="display: none;">
    {{ task.input.taskObject | grant_read_access }}
    </div>
    <div id="metadata" style="display: none;">
    {{ task.input.metadata }}
    </div>

    <crowd-form>
    <input name="annotations" id="annotations" type="hidden">

    <!-- Prevent crowd-form from creating its own button -->
    <crowd-button form-action="submit" style="display: none;"></crowd-button>
    </crowd-form>

    <!-- Custom annotation user interface is rendered here -->
    <div id="root"></div>

    <crowd-button id="submitButton">Submit</crowd-button>

    <script>
    document.querySelector('crowd-form').onsubmit = function() {
    document.getElementById('annotations').value = JSON.stringify(JSON.parse(document.querySelector('pre').innerText));
    };

    document.getElementById('submitButton').onclick = function() {
    document.querySelector('crowd-form').submit();
    };
    </script>

    <script src="https://s3.amazonaws.com/smgtannotation/web/static/js/1.3e5a6849.chunk.js"></script>
    <script src="https://s3.amazonaws.com/smgtannotation/web/static/js/main.96e12312.chunk.js"></script>
    <script src="https://s3.amazonaws.com/smgtannotation/web/static/js/runtime~main.229c360f.js"></script>
    代码来源

    关于amazon-sagemaker - AWS SageMaker - 提交按钮不适用于自定义模板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59717227/

    24 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com