如何使用 jQuery EasyUI 为表单设计文件上传功能？

EasyUI 是一个 HTML5 框架，用于使用基于 jQuery、React、Angular 和 Vue 技术的用户界面组件。它有助于为交互式 Web 和移动应用程序构建功能，为开发人员节省大量时间。

从官方网站下载所有需要的预编译文件并将其保存在您的工作文件夹中。请在代码实现过程中注意文件路径。

EasyUI for jQuery 下载：

https://www.jeasyui.com/index.php

示例 1：以下示例演示了使用 jQuery EasyUI插件包含在开发人员网页表单中的基本文件箱功能。

HTML

      
    
     
     
           
      
      
    
    
    
    
    
        
      


     jQuery EasyUI basic filebox feature
      
    
    
          
         
            
            
        
        
            
        
        
           
            
            Upload file
            
        
    
    

输出：

• 基本文件箱屏幕：

• 选择文件后：

示例 2：

下面的例子演示了如何根据用户的需要在左侧或右侧对齐文件框按钮。它还演示了将文件框的宽度设置为其父容器的百分比。

HTML

      
    
     
     
           
      
      
    
    
    
    
    
        
      


     jQuery EasyUI basic filebox feature
      
      
Change the 'choose file' alignment to the left or right.
  
      
    Select alignment:
    
        Left
        Right
    
    
    
        
        
            
        
          
        
            
        
    
          
    
      <!-- function to change right or left alignment  -->
        function selectAlign(align)
        {
            $('.easyui-filebox').filebox({buttonAlign:align});
        }
    
    

输出：

• 选择文件屏幕：

• 选择对齐方式：