Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/237.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用filepond创建用于文件上载的PHP后端_Javascript_Php_File Upload_Filepond - Fatal编程技术网

Javascript 使用filepond创建用于文件上载的PHP后端

Javascript 使用filepond创建用于文件上载的PHP后端,javascript,php,file-upload,filepond,Javascript,Php,File Upload,Filepond,我正在一个网站上创建一个表单,在那里文件(图像和PDF)也需要上传。到目前为止,我使用了一个简单的input type=“file”元素,该元素与后端的PHP文件相耦合(下面是代码片段): 这很有效。不过,我希望上传表单具有更多功能,并已查看了filepond。我根据文档创建了filepond对象,并将样板代码复制到./file pond assets,我计划稍后对其进行调整以满足我的需要: <input type="file" name="uploadctl

我正在一个网站上创建一个表单,在那里文件(图像和PDF)也需要上传。到目前为止,我使用了一个简单的
input type=“file”
元素,该元素与后端的PHP文件相耦合(下面是代码片段):

这很有效。不过,我希望上传表单具有更多功能,并已查看了filepond。我根据文档创建了filepond对象,并将样板代码复制到./file pond assets,我计划稍后对其进行调整以满足我的需要:

<input type="file" name="uploadctl" multiple accept=".pdf,.png,.jpg,.jpeg">
<script>
            const inputElement = document.querySelector('input[type="file"]');
            const pond = FilePond.create( inputElement );
            pond.setOptions({
                server: './file-pond-assets'
            });
</script>

const inputElement=document.querySelector('input[type=“file”]”);
const pond=FilePond.create(inputElement);
pond.setOptions({
服务器:'./文件池资源'
});

在显示网站时显示。当尝试上载文件时,前端看起来很好,此时会显示一条
upload complete
消息。但是,我在tmp和uploads文件夹中找不到上传的文件。/file-pond-assets。我尝试更改文件夹的权限,并检查了控制台,但找不到错误消息。config.php文件还指向正确的文件夹。我错过了什么使我的文件不会出现在我的服务器上?我想将上传作为一个多部分/表单数据保存。

这里有一个链接,指向我在gihtub上的示例文件pond PHP服务器实现存储库 回购链接:
实时预览:

服务器处理“tmp”上载的位置go@GetSet我将上载配置为转到config.php文件中的uploads文件夹,但它们没有显示。@Iridium面临类似的问题,如果您认为我们能够解决这个问题,请将解决方案作为答案发布question@Rilla不幸的是,我没能解决这个问题,我现在正在使用,效果很好。只需在这个库中使用html/css就可以很容易地设计自己的文件上传前端。@Iridium很抱歉响应太晚。我刚刚分享了回购协议的链接
<input type="file" name="uploadctl" multiple accept=".pdf,.png,.jpg,.jpeg">
<script>
            const inputElement = document.querySelector('input[type="file"]');
            const pond = FilePond.create( inputElement );
            pond.setOptions({
                server: './file-pond-assets'
            });
</script>