如何将上传的图像传回html

Question

我正在处理的设置如下：一个带有显示Processing JS sketch的canvas元素的HTML页面和一个允许使用JS函数Processing.getInstanceById(getProcessingSketchId()).setSomeParam();将参数传递给草图的表单很好。

用户还应该能够将图像上传到服务器，然后将其名称/路径传递给草图以进行loadImage(String path)。文件上传（使用来自here的PHP）完全正常，但现在问题是：

如何在服务器上获取上传图像的名称并将其传递给Processing sketch？

如果表单的操作标记指向不同的PHP文件，则具有画布草图的网站将退出（变量$destination不可用）或如果表单的 action 标记指向站点本身（作为PHP站点，检查if(isset($_POST['formSubmitted'])) {），草图重新启动，丢失所有先前更改的参数。

我还设法将表单提交目标设置为内部iframe并在那里显示上传的图像，但这仍然无法解决我的问题。

非常感谢您提供任何有用的提示！

Answer 1

听起来你已经解决了数据流问题，但由于标准表单上传会导致页面刷新，因此很难实现。

我建议使用AJAX将图像发布到特定的PHP图像接收器服务。当AJAX上传完成后，javascript可以调用服务器来获取上传的对象，并根据需要对其进行操作，而无需刷新页面。