TP5 integrates webuploader to realize preview drag search and delete

This article mainly introduces an example of thinkphp5 integrating webuploader and encapsulating it into an upload component, which is provided for your reference. I hope to be helpful.

WebUploader is a simple modern file upload component developed by the Baidu WebFE (FEX) team based on HTML5 and supplemented by FLASH. It can give full play to the advantages of HTML5 in modern browsers without abandoning the mainstream IE browser. It uses the original FLASH runtime and is compatible with IE6+, iOS 6+, android 4+. The two sets of runtimes have the same calling method and can be selected by the user. The use of large file fragmentation and concurrent upload greatly improves file upload efficiency.

Recently, many browsers have been upgraded to fully support HTML5 and disabled flash. Many upload plug-ins require flash, such as uploadify used in our project. In the latest Google Firefox browser It is not compatible with the previous version, so I finally replaced it with webuploader, which feels very good and is compatible with both HTML5 and flash uploads. It also supports multi-part upload of large files. Interested friends can continue to optimize and improve. Take a few screenshots below to see the effect




#

      
  
 
 
本地上传
 
在线管理
 
文件搜索
 
 
 
 
 
 
 0%  
 
 
开始上传
 
确定使用
 
 
 
 
 
 
或将文件拖到这里，本次最多可选{$info.num|default=1}个
 
 
 
 
 
 
 
确定
 
取消
 
 
 
  
 
 
 
 
 
 
   
 
 
确定
 
取消
 
 
 
  
 
 
 
 
 
列表
 
 
 
 
 
 
      

Related recommendations ：

Detailed explanation of how ThinkPHP generates and verifies verification codes

thinkphp5 Upload pictures And how to generate thumbnails

Detailed examples of thinkphp5 URL and routing functions

The above is the detailed content of TP5 integrates webuploader to realize preview drag search and delete. For more information, please follow other related articles on the PHP Chinese website!