ThinkPHP+JQuery实现文件的异步上传

<h2 id="前端代码">前端代码
<pre class="html"><!DOCTYPE html> @H_404_3@ <head lang="en"> <Meta charset="UTF-8">


Think<a href="/tag/PHP/" target="_blank" class="keywords">PHP</a>+JQuery实现<a href="/tag/wenjian/" target="_blank" class="keywords">文件</a>的异步<a href="/tag/shangchuan/" target="_blank" class="keywords">上传</a>


<form id="ajax-upload-demo" enctype="multipart/form-data">
选择文件：
    

    



<script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"&gt;

效果图：

PHP代码">PHP 代码

PHP">use think\Controller;
class Index extends Controller

{

// 上传表单页面

public function index()

{

return $this->fetch();

}
// <a href="/tag/shangchuan/" target="_blank" class="keywords">上传</a><a href="/tag/wenjian/" target="_blank" class="keywords">文件</a>接口
public function uploadApi(){
    // <a href="/tag/huoqu/" target="_blank" class="keywords">获取</a><a href="/tag/wenjian/" target="_blank" class="keywords">文件</a>
    $file = request()->file('image');
    if($file){
        // 校验数组
        $validateArr = [ 'ext' => 'jpg,jpeg,gif,png,bmp' ];
        // <a href="/tag/wenjian/" target="_blank" class="keywords">文件</a>的本地存储路径
        $path = ROOT_PATH . 'public' . DS . 'upload';
        // 校验并移动
        $info = $file->validate($validateArr)->move($path);
        // 检查移动结果
        if($info){
            // <a href="/tag/shangchuan/" target="_blank" class="keywords">上传</a>成功

            // <a href="/tag/shuchu/" target="_blank" class="keywords">输出</a> jpg
            #echo $info->getExtension();

            // <a href="/tag/shuchu/" target="_blank" class="keywords">输出</a> 20160820/42a79759f284b767dfcb2a0197904287.jpg
            #echo $info->getSaveName();

            // <a href="/tag/shuchu/" target="_blank" class="keywords">输出</a> 42a79759f284b767dfcb2a0197904287.jpg
            #echo $info->getFilename();

            // <a href="/tag/wenjian/" target="_blank" class="keywords">文件</a>的原<a href="/tag/wenjian/" target="_blank" class="keywords">文件</a>名
            $sourceInfo = $info->getInfo();
            $sourceName = $sourceInfo['name'];

            // 拼装url
            $url = '/upload/'.$info->getSaveName();
            $url = str_replace('\\','/',$url); // Windows下替换路径分隔符

            // other some operations ...

            // 返回json，告知客户端<a href="/tag/shangchuan/" target="_blank" class="keywords">上传</a>结果
            $json = json_encode([
                'errcode'   => '10000','errmsg'    => 'Upload success','data'      => [ 'url' => $url ]
            ]);
        }else{
            // <a href="/tag/shangchuan/" target="_blank" class="keywords">上传</a>失败，返回json，告知客户端
            $json = json_encode([
                'errcode'   => '20002','errmsg'    => 'Upload <a href="/tag/Failed/" target="_blank" class="keywords">Failed</a>',]);
        }
    }else{
        // 未<a href="/tag/shangchuan/" target="_blank" class="keywords">上传</a><a href="/tag/wenjian/" target="_blank" class="keywords">文件</a>
        $json = json_encode([
            'errcode'   => '20001','errmsg'    => 'File not uploaded',]);
    }
    return $json;
}
}