Thinkphp结合ajaxFileUpload实现ajax异步图片传输全套代码

目录

• 1、引用文件
• 2、HTML代码
• 3、JS代码
• 4、后台处理（PHP）
• 5、前台调用

这篇文章主要给大家介绍了利用Thinkphp结合ajaxFileUpload实现异步图片传输的方法，文中给出了详细的示例代码，对大家具有一定的参考价值，需要的朋友们下面来一起看看吧。

使用Jquery的ajaxFileUpload的图片上传插件，感觉这种异步上传的方式非常好用接下来就介绍一下这个插件的使用。

通过查看插件的源码发现，插件的实现原理大概就是创建一个隐藏的表单和iframe然后用JS去提交，获得返回值。

1、引用文件

先引入jQuery与ajaxFileUpload插件。注意先后顺序，这个不用说了，所有的插件都是这样。

2、HTML代码

    缩略图
    
             
        

            

                
                

                    
                        选择图片
                    
                    
                
            
        
                     
    
    

3、JS代码

4、后台处理（PHP）

    //单文件（包含单文件）异步上传
    public function upload_image(){
        //图片上传
        $file = request()->file(input('name'));
        $info = $file->move(ROOT_PATH . 'public/uploads/images');
        if($info) {
            return json_encode($info->getSaveName());
        }
    }

5、前台调用

  

    {volist name="data" id="vo"}
    
 
      
{$vo.title}
    
    {/volist}
  

到此这篇关于Thinkphp结合ajaxFileUpload实现ajax异步图片传输全套代码的文章就介绍到这了,更多相关Thinkphp加ajaxFileUpload实现图片上传内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！