最佳文件上传组件 —— filepond

最佳文件上传组件 —— filepond,第1张

这个组件为前端提供了vue适配 vue-filepond ,为后端提供了Django适配 django-drf-filepond . 二者相互配合,开箱即用,能够实现文件上传的个性化定制。主要包括一下几个方面:

其常规 *** 作流程为

添加文件后, vue-filepond 会自动传给 server.url . 这里后端需要配合实现这个临时文件的存储,并且返回临时文件的ID。

如果后端用了 django-drf-filepond 库的话,上面这个过程就不用自己动手做了,只需要配置一条路由 path('fp/', include('django_drf_filepond.urls')) 即可。同时,这条路由能够跟前端配合,完成临时文件的上传、重传、删除等功能。

常见的场景是,用户将文件跟表单的其它字段一同提交至服务器。在点击确认前, filepond 已经完成了临时文件的上传。所以,点击确认后,服务器只用将硬盘里的临时文件持久化即可,缩短了等待时间,用户体验会更好。

先说明一下:

一、组件上传,在使用方法上,使用代码少,更安全,更容易控制,并且功能更强大,比如可以实现控制上传图片的尺寸,可以实现真实的上传进度条等,并且上传图片后可以进行对图片进行编辑等。但缺点是要求服务必需安装这个组件,如果是自己的服务器还好办,如果你是租用空间的话,那么最好放弃组件上传吧。

二、无组件上传,在使用上相对稍复杂一点,需要你到网上下载一个“ASP无组件上传类”(一般为一个.inc文件),不能对图片进行处理,只可以控制上传的文件类型,文件大小等,优点是对服务器无要求,租用的服务器空间绝大多数都可以使用。

综上所述,对于一般小站或企业网站,上传文件不多,文件不大,要求不高的都使用无组件上传。

目前较流行的 无组件上传类有:

化境ASP无组件上传类

风声ASP无组件上传类

艾恩ASP无组件上传类

等,你在百度里搜索以上关键字,找到官方网站,可以免费下载相关上传类,并且有详细用法说明,及例子。

手机火狐浏览器附加组件有:

1. PDF.js:一款用于在网页上查看、打印和搜索PDF文档的附加组件;

2. WebIDE:用于开发、调试和部署Web应用程序的附加组件;

3. Firebug:用于捕获、编辑和调试Web应用程序的功能强大的附加组件;

4. FireFTP:一款用于连接FTP服务器、查看、编辑、上传和下载文件的附加组件;

5. FireGestures:一款用于实现鼠标手势 *** 作的附加组件;

6. Greasemonkey:一款用于安装和管理用户脚本的附加组件;

7. FlashGot:一款用于下载网页上的多媒体文件的附加组件;

8. NoScript:一款用于控制JavaScript、Java和Flash的附加组件;

9. DownThemAll:一款用于批量下载网页上的文件的附加组件;

10. HttpFox:一款用于捕获、查看和调试HTTP请求的附加组件。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/11971103.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存