基于jQueryEasyUI框架的动态多文件上传的实现

2024年1月25日发(作者：)

龙源期刊网

基于jQueryEasyUI框架的动态多文件上传的实现

作者：谷洪彬

来源：《计算机时代》2017年第09期

摘 要： 很多Web应用系统需要多文件上传功能，实际需求中文件个数并不固定，所以需要系统提供动态添加文件上传文本框功能，这样的功能可以通过JavaScript或者jQuery实现。为了增强用户友好性，文章用jQuery EasyUI框架实现了多文件上传的界面，并解决了实现过程中遇到的各种问题。

关键词： 动态的文件上传； jQuery EasyUI框架； 用户友好性； Web应用系统

中图分类号：TP311 文献标志码：A 文章编号：1006-8228（2017）09-45-03

Abstract： Many Web applications need the function of multiple file upload， but the actual

demanded number of files is not fixed， so require the system to provide a text box for dynamically

adding the files to be uploaded， and this function can be realized by JavaScript or jQuery. In order to

enhance the user friendliness， this paper implements the multi-file upload interface with the jQuery

EasyUI framework， and solves various problems encountered in the implementation process.

Key words： multi-file upload； jQuery EasyUI framework； user friendliness； Web

application system

0 引言

包括OA和CMS在内的很多Web应用系统需要多文件上传功能[1-2]，由于实际应用中文件个数不能实现确定，就需要为用户提供动态添加功能，动态添加文件文本框可以通过JavaScript或者jQuery实现。用户友好性是Web应用除了功能之外最重要的部分，为了增强用户友好性，文本使用了jQuery EasyUI作为多文件上传的界面。

1 EasyUI的引用和EasyUI实现的单个文件上传文本框界面

1.1 EasyUI的引用

2.3 文件上传功能实现的验证

最后由后端代码来完成文件上传功能，这样的实例代码很多，简单起见，我们用PHP做个各显示上传后文件名的代码片段[5]，真正的文件上传代码还需要自己完善，最好是加上Ajax[6]功能实现后台文件上传：