📌  相关文章
📜  如何使用 jQuery EasyUI 为表单设计文件上传功能?

📅  最后修改于: 2021-09-01 03:46:40             🧑  作者: Mango

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                      
    
    


HTML



      
    
     
     
           
      
      
    
    
    
        
      


     

jQuery EasyUI basic filebox feature

             

Change the 'choose file' alignment to the left or right.

              Select alignment:          
    
                 
                     
                   
                     
    
                    


输出:

  • 基本文件箱屏幕:

  • 选择文件后:

示例 2:

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

HTML




      
    
     
     
           
      
      
    
    
    
        
      


     

jQuery EasyUI basic filebox feature

             

Change the 'choose file' alignment to the left or right.

              Select alignment:          
    
                 
                     
                   
                     
    
                    

输出:

  • 选择文件屏幕:

  • 选择对齐方式: