信息发布→ 登录 注册 退出

Thinkphp怎么结合ajaxFileUpload实现ajax异步图片传输

发布时间:2023-05-30

点击量:

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}
标签:# 都是  # info  # img  # btn_thumb  # large  # text  # 图片上传  # 清空  # 说了  # thinkphp  # 上传  # 异步  # JS  # html  # jquery  # php  # ajax  
在线客服
服务热线

服务热线

4008888355

微信咨询
二维码
返回顶部
×二维码

截屏,微信识别二维码

打开微信

微信号已复制,请打开微信添加咨询详情!