在这个信息化时代,用图片来传递信息或者表现某种感觉已经成为了越来越多人的选择。批量上传图片更是一个越来越重要的需求,往往能够提高工作效率、降低操作难度以及保存更多的时间。下面我们就来看看如何实现高效准确的批量上传图片。
一、选择合适的上传工具
为了实现高效准确的批量上传图片,我们首先需要找到一个合适的工具。市面上有许多上传工具,但是并不是每个工具都适合我们。
1.数据量:如果你的上传图片数量过多,那么就选择批量上传工具,这些工具特别适用于大量的数据。
2、速度:一个高速上传工具一定能较快地上传文件,当然,如果能有断点支持功能的工具就更好了!
3、安全性:数据的安全性也是我们很关注的问题,仅选择那些安全性较好的上传工具是我们应该考虑的方向,多留意一下工具中的相关安全功能是否完善。
二、指定目录
在进行批量上传图像前,需要在服务器上指定好上传目录。一般来说,服务器上的文件目录配置都有两种:一个是相对路径,一个是绝对路径。
相对路径是根据当前页面的位置,用“../”这种方式来指向对应的目录。例如:你可以在根目录下创建一份“images”目录,并在HTML文件的目录内创建“upload”文件夹。在“upload”下创建index.html或其它页面,上传的图片就可以存放在“images”目录下。
绝对路径是根据服务器的目录来绝对指向对应的文件夹。文件夹可通过FTP工具创建。例如在根目录建立“upload”文件夹,在FTP目录下,使用“/”在程序中进行绝对路径格式的链接。
三、上传方法
上传方式有两种:局部刷新方式和页面自动刷新方式。
局部刷新方式:即上传过程不刷新整个HTML页面,刷新上传的文件列表,这种方式的好处是不会造成用户体验上的滞后,但是缺点是需要在服务器上支持Ajax。
页面自动刷新方式:即在上传后,整个HTML页面都进行刷新,改变上传的文件列表的时候,需要重新加载整个HTML页面。这种方式比较简单容易实现,不需要进行其它特别的配置,也可以让用户明确的知道上传的结果,但是这种方式在长时间的上传过程中,会影响用户体验。
四、文件验证
上传文件前必须要进行验证,这就是我们常说的客户端验证和服务器验证。客户端验证比较基础,主要是防范一些最基本的攻击方式(比如上传文件名为PHP的文件),但这并不足够,真正的验证还是要交给服务器来完成。
服务器验证是一种十分重要的验证方式,主要是对上传文件的类型、大小、文件名、文件排重等进行验证。在验证过程中我们可以使用一些框架和工具,比如Uploadify、SWFUpload都支持这一功能。当验证不合法的时候,服务器应该返回给跟文件上传组件成功回调同等参数的一些参数,告诉用户上传失败的原因,并进行处理。
五、错误处理
上传的过程中难免会出现各种意外情况,比如文件体积过大或者文件类型不合法。这个时候我们需要及时的进行错误处理,以便快速识别、定位和解决问题。
因此在进行批量上传时,要尽量保证上传工具本身的异常捕捉与处理能力,避免因上传的文件中包含不合法内容而危及整个站点。
六、在线预览
?通过上传工具上传完照片后,一般情况下,照片在服务器上的存储路径都是一个URL(或LDN URL),这时候我们可以根据URL地址在网页里预览上传的照片。
但是仅仅预览一张张照片显然太过于繁琐,可以使用JavaScript的图片轮播组件,实现照片自动播放,节省时间。
最后,我们需要提醒一点,当我们进行批量上传图片时,一定要保证我们自己的版权问题。尽可能使用自己拍摄的照片,或者是来自公共版权和许可的照片。否则就会遇到额外的版权问题,甚至会导致不必要的法律纠纷。
结论
批量上传图片测试你的上传工具的效能,确保上传的内容正确无误。而正确的文件夹指定,在文件验证和在线预览是不可或缺的环节,只有充分考虑上传的各个方面,将方案处理的完整科学,才能获得更好的用户体验和工作效率体倍增长。