Javascript 使用filepond创建用于文件上载的PHP后端
我正在一个网站上创建一个表单,在那里文件(图像和PDF)也需要上传。到目前为止,我使用了一个简单的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
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>