如何将上传的图片传回html

Question

我正在处理的设置如下：一个HTML页面，带有一个画布元素，其中显示一个Processing JS草图，以及一个允许使用JS函数Processing.getInstanceById(getProcessingSketchId()).setSomeParam();将参数传递给草图的Processing.getInstanceById(getProcessingSketchId()).setSomeParam(); ，效果很好。

用户还应该能够将图像上载到服务器，然后将其名称/路径也交给草图以执行loadImage(String path) 。 文件上传（从此处使用PHP）也可以很好地工作，但是现在这是一个问题：

如何获得服务器上已上传图像的名称并将其传递给处理草图？

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

我还设法将表单提交目标定位到内部iframe并在其中显示上传的图片，但这仍然不能解决我的问题。

在此先感谢您提供任何有用的提示！

Answer 1

听起来好像您已经完成了数据流，但是由于标准表单上载会导致页面刷新，因此这很麻烦。

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