如何在表格中保存Uploadcare图像？

Earl Grey 发表于 Dev

格雷伯爵茶

我有一个要通过PHP验证的表单。从Uploadcare的小部件上传的海报是该表单的一部分。

有时，用户必须在表单中向后退以解决问题-错误的电子邮件等。我希望所选的上传文件保留在该表单中。

单击后退按钮时此方法有效，但我不能依靠它。我正在使用PHP POST变量来重新加载并重新填充表单。

我的问题：我可以将POST变量与Uploadcare输入按钮一起使用以使其“记住”并重新加载用户先前已上传的所选图片吗？

我当前的代码。

<input type="hidden"
       role="uploadcare-uploader"
       data-preview-step="true"
       data images-only="true"
       name="adposter"
       style="display: inline-block;" />

是否可以做类似的事情：

<input type="hidden"
       role="uploadcare-uploader"
       data-preview-step="true"
       data-images-only="true"
       name="adposter"
       style="display: inline-block;" 
       value="<?php print isset($_POST["adposter"]) ? htmlspecialchars($_POST["adposter"]) : ""; ?>"
/>

与其他领域一样？显然，Uploadcare输入小部件具有其自身的处理方式，因此也具有查询功能。

德米特里·穆欣（Dmitry Mukhin）

如文档所述：

输入的[role = uploadcare-uploader]的值为空或带有文件UUID的CDN链接。

如果您在外部设置输入的值并触发DOM更改事件，它将反映在小部件中。例如，将其设置为文件UUID或CDN链接将显示该文件在小部件中已上传。您可以在实时窗口小部件上执行此操作，甚至可以在实际加载它之前执行此操作。

因此，您的第二个代码段应该可以正常工作。

您可能还想知道通过JS设置小部件的值的方法：

var widget = uploadcare.Widget('[role=uploadcare-uploader]');
widget.value("https://ucarecdn.com/e8ebfe20-8c11-4a94-9b40-52ecad7d8d1a/billmurray.jpg");

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。